Hazy Amber color palette — #F7F3FF · #FFCFD1 · #E5AA8C · #B38D20 · #414F00

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

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Shell Pink (#FFCFD1): A whisper-light, dusty red — the color of a theater curtain.
• Sand (#E5AA8C): A luminous, balanced orange — the color of autumn markets.
• Mustard (#B38D20): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#414F00): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Softness, Clarity. Tagged light.

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

• Hushed Amber Grove color palette (#F3F4FF, #E2D3FA, #E6A19F, #C67D49, #594100)
• Bronze Coast color palette (#FFF2ED, #E6C1AA, #C68B61, #926400, #544400)
• Softworn Amber Parlor color palette (#FFE1E3, #ED997A, #B88700, #5F6C00, #002B17)
• Powdered Amber Station color palette (#FFD8E6, #FFB099, #DC8E00, #818200, #054208)
• Tempered Moss Drift color palette (#FFF0FD, #FCCDDF, #C6B67B, #6C9A51, #00563D)
• Muted Drift color palette (#F3E0DD, #D7891E, #8D7B00, #116B0F, #001814)
• Aged Alley color palette (#EAFAEE, #F7BDD6, #D1A476, #698CC6, #524151)
• Muted Olive color palette (#FFE6D1, #AD8900, #537900, #005336, #000C0D)

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