Hazy Amber color palette — #F7E0D8 · #C78B45 · #7B6700 · #3C4C00 · #003A1A

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F7E0D8): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#C78B45): A luminous, balanced gold — the color of old brass.
• Olive (#7B6700): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3C4C00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#003A1A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Olive Corridor color palette (#FFE0BC, #AD9A4C, #5A720E, #00522B, #003932)
• Weathered Bronze Thicket color palette (#FFD3D9, #E28572, #975500, #504100, #2E3500)
• Timeworn Basin color palette (#FFD5C9, #F6B561, #B99C00, #5E8100, #003D17)
• Wandering Bronze Chapel color palette (#FFECE1, #AD7200, #514F00, #192D00, #001C0F)
• Tempered Amber Veranda color palette (#FCECD7, #BB722C, #556200, #39386F, #402D02)
• Linen Bronze Study color palette (#FFDFAB, #C8B374, #8E8108, #5B5D00, #2D3800)
• Ancient Lantern color palette (#FFF3E2, #FFB9A3, #CA9F03, #36954B, #312D00)
• Washed Basalt color palette (#FBF4EE, #D9DBCD, #B7B49E, #835934, #563000)

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