Falafel

#aa7711

Golden ochre-leaning green for higher-contrast warmth

Save
Share

About Falafel

Falafel reads like a toasted, earthy green-brown that's not trying to be olive and not trying to be gold. It has enough lightness to feel friendly, but the saturation stays focused, so it comes off as warm, nutty, and deliberate rather than muddy.

I use it when I want green energy in a brown-ish direction, especially in food packaging systems, craft and wellness brands, and editorial UI where browns otherwise turn flat. It also holds up in product marketing pages and content management dashboards that need "human" warmth without slipping into the heavier heat of or the spice-forward presence of . Compared to , Falafel stays more balanced in temperature, so it doesn't swing cooler at larger sizes.

Pair it with cream, deep cocoa, or even a muted teal accent if you want contrast that feels natural. Let it lead on badges, section headers, or product tiles, then keep the supporting grays cooler so the undertone doesn't blur into the background.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
3.92:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.60:1FailAA Large

On Gray 900 #18181b

Aa
4.52:1AAAAA Large

On Black #000000

Aa
5.36:1AAAAA Large

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#a87900
#a97b2d
#af6f09
#af7934
#aa6d28

Create a gradient with Falafel

Open the generator with this color pre-loaded.

Start creating