Hazy Canyon color palette — #FFF2EB · #BF7058 · #4D6F2C · #005067 · #4A2754

Caramel and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Caramel (#BF7058): A luminous, balanced orange — the color of autumn markets.
• Olive (#4D6F2C): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005067): A full-bodied, dusty blue — the color of deep harbor water.
• Royal Purple (#4A2754): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

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

• Washed Hollow color palette (#FDF3E9, #B27C38, #217453, #0A4788, #542540)
• Weathered Cypress color palette (#FFF2EB, #D0BAA1, #94896C, #476B57, #5A435A)
• Powdered Workshop color palette (#FCEEEE, #B972A3, #007756, #3B3775, #1B193A)
• Muted Lagoon color palette (#FFF1F1, #B47091, #835B05, #00563E, #153861)
• Aubergine Coast color palette (#F5F2E4, #757E2E, #005F69, #471880, #4F130D)
• Misty Bronze Atelier color palette (#FBE3CE, #A25900, #005B2E, #00355A, #440035)
• Feathered Emerald color palette (#F7F2FF, #D18AB9, #3E945B, #555596, #33325D)
• Linen Ridge color palette (#FFE4CF, #CD9A68, #986A00, #6B5500, #2F4C25)

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