Hazy Amber color palette — #F3E6D6 · #B48408 · #725A00 · #463A00 · #192C09

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

The five colors

• Parchment (#F3E6D6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B48408): A luminous, balanced gold — the color of old brass.
• Olive (#725A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#463A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#192C09): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Powdered Moss color palette (#EAECBA, #97943A, #585500, #2E2D00, #171700)
• Feathered Amber color palette (#FFEBE4, #C46528, #8B4A00, #5F3500, #322D00)
• Tempered Olive color palette (#CCE5D8, #8B8100, #00797E, #514B00, #003032)
• Dusty Atelier color palette (#EAF3DC, #6B9737, #316E00, #004810, #003318)
• Hushed Garnet Delta color palette (#D5E7DA, #836700, #007141, #940018, #281E00)
• Worn Terrace color palette (#ECF4D6, #588100, #275100, #022803, #00120F)
• Hushed Olive Workshop color palette (#CBF5E0, #B0B97A, #708A28, #446500, #0C543E)
• Forest Orchard color palette (#E0F0E4, #007146, #00402F, #002219, #000C0F)

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