Hazy Amber color palette — #FFF3E7 · #FF9FAB · #CD8300 · #678100 · #332500

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Ballet Pink (#FF9FAB): A luminous, balanced red — the color of embers at dusk.
• Mustard (#CD8300): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#678100): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#332500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Misty Bloom color palette (#FFF4E0, #FF996B, #A59600, #008851, #292F00)
• Amber Ridge color palette (#E2FAE1, #FFA36A, #D08800, #917700, #1B0F00)
• Ember Veranda color palette (#FFF2EC, #FF94E1, #FE4C2F, #786700, #411D00)
• Olive Courtyard color palette (#E2E0C2, #C88E00, #458E00, #006861, #002005)
• Patina Amber Dune color palette (#FCEAD9, #B68800, #6F6900, #3E4800, #00392A)
• Soft Lime color palette (#FBF6DC, #F6BF7A, #A9B400, #00877E, #203B11)
• Airy Cabin color palette (#F8EACB, #7D9F42, #006D36, #7A0646, #243400)
• Patina Lagoon color palette (#EDDCDC, #CA967A, #7D7436, #23478E, #5B236D)

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