Hazy Amber color palette — #F5DED5 · #D97700 · #A66F00 · #685600 · #1F2500

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

The five colors

• Shell Pink (#F5DED5): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#D97700): A luminous, balanced gold — the color of old brass.
• Ochre (#A66F00): A full-bodied, balanced gold — the color of honey in a jar.
• Coffee (#685600): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#1F2500): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Amber Workshop color palette (#FEEAD9, #C57E00, #855C00, #473400, #150E00)
• Weathered Ember Courtyard color palette (#FFE6EB, #EF5942, #C65200, #7E4C00, #302100)
• Powdered Amber Orchard color palette (#F8EEE1, #B28F00, #7F7B00, #3E5E00, #002C10)
• Dusty Garden color palette (#D5EBD8, #A9A257, #A07400, #894602, #001B15)
• Linen Amber color palette (#DAF2DE, #C9D495, #56CEA2, #C56421, #063121)
• Wandering Pier color palette (#E3EFFF, #F06CFF, #7E7E00, #313100, #020B07)
• Patina Indigo color palette (#DFF6E1, #DDA52C, #5A6CE9, #916800, #0E0E4B)
• Wandering Meadow color palette (#E9DED1, #DDAF00, #9D9B00, #4B8600, #003A1A)

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