Misty Canyon color palette — #FFF0F9 · #B96849 · #008184 · #1E5296 · #432A3A

Built around Peacock, softened by Mocha — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mocha (#B96849): A luminous, balanced orange — the color of autumn markets.
• Teal (#008184): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#1E5296): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#432A3A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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

• Dusty Lantern color palette (#FFF1F6, #A5652F, #006B6E, #2E398B, #33263A)
• Aged Pine color palette (#FCF1FE, #B36874, #2D8358, #005C74, #3D2C3F)
• Softworn Grove color palette (#EBFAEA, #A87627, #007D9A, #4A4695, #243924)
• Powdered Ember Dune color palette (#FBEDF9, #C26866, #00877D, #554486, #241323)
• Tempered Pier color palette (#E9FBEC, #B39160, #667031, #095184, #2A4433)
• Powdered Nightshade color palette (#FFD8E6, #955700, #006378, #3400A9, #311900)
• Hazy Aubergine Courtyard color palette (#DEFFEA, #8A7500, #0069B3, #6E0096, #342B00)
• Hushed Studio color palette (#F9F5E8, #A9A241, #59A26E, #008078, #35332C)

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