Hazy Amber color palette — #FFF0D2 · #B48A00 · #666500 · #004940 · #231C00

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FFF0D2): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B48A00): A luminous, balanced gold — the color of old brass.
• Olive (#666500): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004940): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#231C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged retro.

Use it as a design system

One click turns Hazy Amber into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Quiet Moss Alley color palette (#FFF1C8, #8D9B00, #2E7407, #004750, #162000)
• Amber Boulevard color palette (#FFEFDA, #D27449, #8A5300, #1A4B00, #301300)
• Patina Dune color palette (#EBDEBE, #8B7800, #465300, #003432, #100F00)
• Sunlit Nightshade color palette (#E2FEE2, #D16D00, #606600, #422E95, #47310A)
• Olive Grove color palette (#F6F2E0, #97B278, #3F7C2B, #654600, #162600)
• Misty Grove color palette (#DDFFE8, #D19F00, #858200, #006A5C, #413400)
• Chalky Market color palette (#FFF3E5, #FFA76A, #8A8F05, #563DAD, #382300)
• Emerald Canyon color palette (#D9E4C6, #00994C, #00614E, #003456, #00170B)

Browse the whole catalog at Explore, or see today's palette.