Hazy Amber color palette — #EFDBE2 · #C07000 · #626A00 · #004F39 · #42000A

Built around Mustard, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#EFDBE2): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#C07000): A luminous, balanced gold — the color of honey in a jar.
• Olive (#626A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004F39): A deep, shadowed, dusty teal — the color of glacier melt.
• Espresso (#42000A): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Frosted Ember color palette (#F1D9EA, #E3492D, #7F5D00, #294E00, #3B0429)
• Dusty Boulevard color palette (#D0E8DC, #918A00, #007740, #004C51, #351500)
• Gentle Amber Lagoon color palette (#EEE2D6, #D18B00, #9D6F00, #604800, #3C3100)
• Dusty Bronze color palette (#FCE5EF, #AC5700, #492B00, #270A1A, #090206)
• Patina Pier color palette (#DDF4EA, #666D00, #005337, #002C33, #100500)
• Wandering Olive Station color palette (#E6F7EB, #B29125, #3C8606, #005D54, #003042)
• Timeworn Market color palette (#F1DAC3, #C4A36B, #8F7F2B, #336D53, #103C43)
• Apricot Corridor color palette (#FFE7F3, #FFB1A2, #FE823D, #B57500, #3C1C01)

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