Cardamom
#aaaa77
Warm yellow-leaning olive for softer chart highlights
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 Bamboo Forest 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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.