Hazy Amber color palette — #FCE0D6 · #E8A671 · #D78A00 · #9E7300 · #423700

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

The five colors

• Shell Pink (#FCE0D6): A whisper-light, dusty orange — the color of toasted spice.
• Sand (#E8A671): A luminous, balanced gold — the color of afternoon light on wheat.
• Mustard (#D78A00): A luminous, balanced gold — the color of old brass.
• Ochre (#9E7300): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#423700): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Worn Amber color palette (#FFF1F1, #FFAE8A, #B97700, #6E6000, #343806)
• Taupe Dune color palette (#F1E6D9, #D1C094, #BE965E, #A16C44, #32302A)
• Faded Moss color palette (#FAD9B8, #EBC388, #C3A540, #8E8700, #434A1E)
• Tempered Coral color palette (#F4DDDE, #F7968E, #E77052, #AE5600, #583200)
• Amber Loft color palette (#F1DFD8, #DC7800, #945B00, #593E00, #261F00)
• Amber Balcony color palette (#FFF3E2, #D6E0C1, #8EDABC, #D48E54, #46433C)
• Amber Workshop color palette (#FBECD8, #E3B673, #7DB2FF, #BF8400, #143463)
• Mustard Hollow color palette (#F3ECD8, #C1B000, #91A200, #628300, #0E4100)

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