Misty Canyon color palette — #FFF2EA · #DF8256 · #A77D23 · #00733C · #250E00

Coral Clay and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Coral Clay (#DF8256): A luminous, balanced orange — the color of toasted spice.
• Caramel (#A77D23): A luminous, balanced gold — the color of old brass.
• Pine (#00733C): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#250E00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Misty 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

• Pale Ember color palette (#FFF1F5, #B886D4, #CD6855, #007335, #260A14)
• Muted Basin color palette (#FFF2ED, #E17D76, #76973C, #006A86, #250D04)
• Weathered Ember Meadow color palette (#FFF2EC, #D7695B, #9B6300, #004D50, #1F0603)
• Muted Nightshade color palette (#FFF5D9, #998C00, #288C42, #2A3FA8, #0B0700)
• Worn Cabin color palette (#FFF2EE, #E69B9D, #9FA45F, #008095, #361D16)
• Tempered Garden color palette (#FEF4E2, #C5A233, #6C8028, #395400, #290340)
• Feathered Balcony color palette (#FEF5D8, #E29BD5, #B76535, #00577E, #39111F)
• Worn Study color palette (#FCF1FF, #FAB3D4, #D77165, #744600, #252400)

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