Hazy Amber color palette — #EADED4 · #AA8600 · #4B6600 · #004332 · #002E31

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Bone (#EADED4): bright and airy, almost weightless.
• Mustard (#AA8600): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#4B6600): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004332): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Forest (#002E31): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Aged Pine color palette (#F2DEC8, #AD9F31, #168016, #004E40, #003A41)
• Muted Olive color palette (#F5EAD8, #7A8800, #005C23, #00302B, #001922)
• Amber Studio color palette (#F8DBDD, #DD7029, #6F5000, #343B00, #002C14)
• Timeworn Aubergine color palette (#F9D6C2, #957100, #005C3D, #4B145D, #242700)
• Patina Moss color palette (#EFE5D8, #C5B731, #6AA72B, #007750, #002825)
• Chestnut Dune color palette (#F1EEE8, #CDCDBC, #96A788, #655300, #332D20)
• Frosted Bloom color palette (#F7F4D7, #F8831E, #8C9D00, #006F7A, #002B12)
• Pale Emerald color palette (#E9ECDA, #00AC48, #006D60, #004252, #002361)

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