Hazy Amber color palette — #FFDBE0 · #F7A58B · #C37E33 · #866C19 · #49481E

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

The five colors

• Shell Pink (#FFDBE0): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#F7A58B): A luminous, balanced orange — the color of toasted spice.
• Mustard (#C37E33): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#866C19): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#49481E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, 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 Parlor color palette (#FFE3D9, #E3AE67, #A88925, #5B7229, #37512E)
• Timeworn Bronze color palette (#FFD9C6, #DD9F80, #B06800, #754C00, #3D450E)
• Hushed Quarry color palette (#FFE4F5, #F39CAA, #D07767, #915522, #5D431C)
• Hazy Amber Studio color palette (#FFF2EE, #FFCBB9, #E58700, #806400, #3D3F16)
• Faded Amber color palette (#DEFFE3, #E5C18B, #AD9144, #775400, #3A2800)
• Hushed Courtyard color palette (#FFF1F6, #CCBD91, #AC8767, #7C5E76, #25443A)
• Quiet Bronze Basin color palette (#FFF0F7, #E5A881, #84A3E9, #B26D3D, #2F416B)
• Bronze Loft color palette (#F7DDCD, #856500, #524E00, #1B2C00, #001204)

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