Misty Amber color palette — #F9E3D8 · #CB7500 · #7D5100 · #4C3600 · #302600
A conversation between Mustard and Coffee, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F9E3D8): A whisper-light, dusty orange — the color of toasted spice.
- Mustard (#CB7500): A luminous, balanced gold — the color of old brass.
- Coffee (#7D5100): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#4C3600): A deep, shadowed, dusty gold — the color of old brass.
- Espresso (#302600): 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 Misty 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
- Aged Pier color palette (#FFE6E6, #F4560C, #895200, #3C3200, #0C1500)
- Chalky Amber color palette (#FFF1F6, #FF9F76, #DB7900, #8C6900, #422500)
- Feathered Amber color palette (#F0E3CB, #AC8C00, #676100, #373B00, #002B15)
- Misty Market color palette (#CBF0D1, #B56600, #6A4D00, #004423, #3C2200)
- Ancient Tangerine Basin color palette (#FFE8E9, #FF772F, #A76600, #5A4D00, #232F00)
- Bronze Loft color palette (#FFF1F6, #D5B388, #A68133, #6F5D07, #4E4800)
- Terracotta Grove color palette (#FBF2F7, #E5CAD6, #C89D71, #953A00, #402C38)
- Powdered Fern color palette (#D9EFDC, #8D6700, #365700, #003C32, #4B0004)
Browse the whole catalog at Explore, or see today's palette.