Hot Sand
#ccaa00
Drier, brighter golden sand with hot undertone
About Hot Sand
Hot Sand looks like a thin layer of sunlight dusted onto a green label, warmer and cleaner than the honeyed gold of Honeycomb. Where Honeycomb can feel a bit "overhead-lit," Hot Sand is more sun-spot direct, with less dusty heaviness than Deadly Mustard.
I use it when I want high-clarity warmth that still reads as a green-family accent, not a warning. It's the one I reach for in CPG front-of-pack callouts, ecommerce promo ribbons, and category/tag pills where you need fast attention without slipping into that "serious stain" energy. In UI, it works well for dashboards and finance apps when you're highlighting a positive state, a featured segment, or a muted CTA near cleaner greens.
Quick note: because Hot Sand is light and slightly more golden than Haystack, it can feel a touch assertive next to creamy neutrals. Pair it with a softer olive or warmer off-white so it lands smooth, not scratchy.
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.
