Hazy Canyon color palette — #F9EEC3 · #7C8300 · #417100 · #222BBE · #261500
A conversation between Indigo and Olive, giving this palette its sense of nature and growth.
The five colors
- Custard (#F9EEC3): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#7C8300): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#417100): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#222BBE): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#261500): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Hazy Canyon 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
- Aubergine Study color palette (#FFDDC5, #D97F00, #358C11, #531E9C, #332700)
- Pale Meadow color palette (#FBE8CF, #A57400, #716000, #004578, #290800)
- Moss Alley color palette (#F2EFCB, #6C9500, #4D6C00, #005270, #380200)
- Pale Archive color palette (#FDF1CC, #8E8800, #007361, #6A0099, #1B1900)
- Aubergine Coast color palette (#E0FEE9, #AF8D00, #007644, #5100A7, #040200)
- Gentle Navy color palette (#DBF1DB, #00897A, #006A71, #3A398A, #221200)
- Powdered Aubergine Summit color palette (#DFF3DD, #7E4D00, #004E58, #26007E, #320014)
- Tempered Taupe Market color palette (#F6F6E8, #96B778, #688E5A, #5B659A, #38342E)
Browse the whole catalog at Explore, or see today's palette.