Hazy Amber color palette — #F7EEE3 · #C48C00 · #826500 · #4D4100 · #2E2900
Mustard takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F7EEE3): bright and airy, almost weightless.
- Mustard (#C48C00): A luminous, balanced gold — the color of old brass.
- Ochre (#826500): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#4D4100): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Espresso (#2E2900): 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
- Misty Mustard color palette (#FFD7A3, #ECA900, #AD8600, #746100, #443D00)
- Misty Amber Dune color palette (#F9E9DF, #D48900, #947100, #575400, #004926)
- Hazy Coast color palette (#FFE6DC, #F17300, #A55500, #663A00, #341D00)
- Tempered Thicket color palette (#EDDDBE, #987D00, #635700, #373500, #151600)
- Weathered Study color palette (#EAE8CA, #9EA800, #6C7F00, #375000, #102900)
- Moss Garden color palette (#DEFAE9, #AE9900, #009597, #695B00, #002627)
- Weathered Ridge color palette (#F6F7B3, #BBBA00, #756F00, #3B3800, #0F0E00)
- Wandering Mint color palette (#D5FDEA, #DAE8B0, #9AD582, #7D6A00, #062E23)
Browse the whole catalog at Explore, or see today's palette.