Hazy Amber color palette — #FFF3E8 · #FFB6A9 · #E08300 · #7D7D00 · #432E00

Built around Mustard, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Rose Quartz (#FFB6A9): A whisper-light, balanced orange — the color of sun-warmed clay.
• Mustard (#E08300): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#7D7D00): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#432E00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Gentle Moss color palette (#FDF4E2, #F8BC82, #BC9F00, #549300, #343600)
• Coral Terrace color palette (#FFF2EC, #FFAEC3, #FA7F6A, #A66B00, #4A1F00)
• Marigold Quarry color palette (#FFEFDD, #FFA7D3, #E79100, #37914D, #1F1900)
• Linen Dune color palette (#FFF1F5, #FFBBCB, #FF9E5F, #65A92A, #3E3000)
• Weathered Amber Delta color palette (#F8E9D7, #B3913E, #776400, #4A5000, #004023)
• Aged Amber color palette (#EBE3CF, #C87200, #7D6D00, #2A5600, #0C0E00)
• Faded Marigold Station color palette (#F8F9CA, #F0A106, #A6A200, #008144, #212B00)
• Tempered Bronze Balcony color palette (#FBE3D0, #B8A47E, #8A7E35, #2C5D7C, #3D4569)

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