Hazy Amber color palette — #F8DDD0 · #E18800 · #8F7000 · #574F00 · #1A2800

Mustard takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F8DDD0): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#E18800): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#8F7000): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#574F00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#1A2800): 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

• Gentle Marigold color palette (#FFD5B5, #E7A100, #978600, #585F00, #193500)
• Amber Cabin color palette (#F3E1DE, #D0771C, #735800, #363800, #002A1E)
• Tangerine Hollow color palette (#F7D6D5, #F66F4A, #AE5800, #634000, #2A2100)
• Amber Cabin color palette (#C5E9CC, #D17A00, #756B00, #004E6D, #0F2B13)
• Mustard Balcony color palette (#F0E8D9, #BBA700, #6E7C00, #1B5800, #002D15)
• Muted Quarry color palette (#FFF3E5, #D5AB5D, #967600, #4B4300, #101100)
• Hushed Moss color palette (#E5DECB, #898A00, #355F00, #003A12, #00100A)
• Pale Marigold color palette (#E2F8E4, #FFB495, #E79F00, #819929, #2F2300)

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