Cardamom

#aaaa77

Warm yellow-leaning olive for softer chart highlights

Save
Share

About Cardamom

Cardamom sits exactly where you stop thinking about the color and start thinking about the material. It's warmer and more saturated than Around the Gills, which means it actually reads as a choice instead of a compromise, but it's still muted enough that it won't scream at you. The yellow undertone keeps it from feeling earthy or apologetic the way does, this one has a gentle warmth that feels intentional.

Use it on editorial backgrounds, accessibility-focused interfaces, and long-form reading layouts where you need something that sits between neutral and color without picking a side. It pairs naturally with warm blacks, cream type, and accent colors without flattening them. Unlike Bangalore's deeper brown-leaning warmth, Cardamom stays lighter and slightly more yellow, which means it works better on screens where you're fighting glare or fatigue. It's the shade that works equally well as a large background wash or a subtle UI container.

Watch it against very cool grays or pure whites, the warmth can shift slightly depending on what's next to it, but that's actually useful. It settles fast with natural materials and muted typography, which is exactly why you reach for it when beige feels too blank and green feels too committed.

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
2.41:1Fail

On Gray 100 #f5f5f5

Aa
2.21:1Fail

On Gray 900 #18181b

Aa
7.36:1AAA

On Black #000000

Aa
8.73:1AAA

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

#aba77c
#a5af76
#9aa77c
#bbac7d

Create a gradient with Cardamom

Open the generator with this color pre-loaded.

Start creating