Hazy Amber color palette — #F8E4D8 · #C48900 · #646400 · #1B4700 · #00331C

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

The five colors

• Parchment (#F8E4D8): A whisper-light, dusty gold — the color of old brass.
• Mustard (#C48900): A luminous, balanced gold — the color of honey in a jar.
• Olive (#646400): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#1B4700): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#00331C): 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

• Soft Courtyard color palette (#F3E6CF, #989D00, #2F6E00, #00462D, #003334)
• Weathered Garden color palette (#ECE6D5, #BEAA00, #7A8000, #445A00, #193500)
• Tangerine Drift color palette (#F7DEDD, #F16B1D, #855500, #433900, #1A3000)
• Misty Alley color palette (#FFDFB7, #AB6E00, #3D5E00, #42008E, #332800)
• Chalky Amber color palette (#FFF7C0, #FFA16A, #B19100, #007F52, #2A2A00)
• Chestnut Courtyard color palette (#FEF3E7, #DBD2BA, #AAA982, #7C5000, #37322C)
• Washed Pier color palette (#FFF3E7, #CEBE8F, #7E874D, #406B3A, #005748)
• Shadow Chestnut color palette (#EBDECE, #6F6000, #233200, #001306, #000304)

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