Hazy Amber color palette — #FFDEDB · #FFA07D · #C26F00 · #7B5400 · #433700

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

The five colors

• Shell Pink (#FFDEDB): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#FFA07D): A luminous, balanced orange — the color of toasted spice.
• Mustard (#C26F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7B5400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#433700): 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

• Airy Coast color palette (#FFF2ED, #FFBE99, #DA8000, #825400, #382600)
• Washed Apricot Veranda color palette (#FFDAE2, #FFB5A2, #EE8B28, #947300, #3A3B00)
• Marigold Canyon color palette (#FFE2CD, #F7A515, #9F8200, #5E6100, #264200)
• Quiet Balcony color palette (#FFDBEA, #FF777B, #9D5C00, #534500, #1D4200)
• Muted Villa color palette (#F8DECD, #BD7D00, #755F00, #393D00, #0A1D00)
• Patina Tangerine color palette (#FFF4E2, #FF7B54, #A67200, #006772, #51290D)
• Linen Balcony color palette (#FFD7E6, #FF95AA, #FC3233, #9C4000, #512E00)
• Softworn Ember Terrace color palette (#FDF3EE, #E2DAC7, #C6C2A3, #D05E4D, #672C0A)

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