Hazy Amber color palette — #FFE8D8 · #B37900 · #735E00 · #3C4400 · #003323

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFE8D8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B37900): A luminous, balanced gold — the color of old brass.
• Olive (#735E00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3C4400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#003323): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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

• Soft Amber color palette (#FFE6D8, #D78D00, #917500, #4C5100, #00330F)
• Worn Moss Balcony color palette (#EBE6D9, #9B9000, #476A00, #014C0E, #003D2B)
• Aged Terrace color palette (#D7F2E1, #819132, #655500, #4E2F00, #002B27)
• Soft Ember color palette (#ECDAD9, #DE5E00, #895100, #533800, #342E00)
• Hushed Olive color palette (#EBE9CF, #607000, #1B5000, #002E1A, #00171A)
• Faded Moss color palette (#E7EDA7, #91A100, #555500, #292E00, #141600)
• Linen Sapphire Parlor color palette (#CBE5D8, #8A8200, #4C5EC5, #504B00, #1C244F)
• Feathered Ultramarine color palette (#E8E7D4, #776D00, #4A4CBD, #573B82, #242000)

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