Hazy Amber color palette — #F6DFD3 · #C2712C · #835500 · #4D3800 · #1D2D08

Caramel takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F6DFD3): A whisper-light, dusty orange — the color of toasted spice.
• Caramel (#C2712C): A luminous, balanced gold — the color of old brass.
• Coffee (#835500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4D3800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#1D2D08): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Hushed Amber Harbor color palette (#F2E5D0, #A78800, #6B6200, #394500, #1A3500)
• Worn Tangerine color palette (#FEE8E7, #ED6F2B, #A16A00, #5D5500, #272E00)
• Faded Amber Study color palette (#F1DFAC, #AF902D, #695400, #2E2600, #191300)
• Gentle Terracotta color palette (#FFE7E8, #CC645C, #9B3300, #612B00, #3E2300)
• Antique Olive Veranda color palette (#EAE2CE, #796E00, #3C4600, #172A00, #00150F)
• Hushed Aubergine Drift color palette (#ECE2D2, #866600, #006B76, #7B147E, #291D00)
• Chestnut Drift color palette (#FFF3E0, #C7CC8F, #75A46F, #864C00, #3E3900)
• Airy Sapphire Canyon color palette (#EDDBC4, #A4750B, #2266C7, #604300, #00265A)

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