Misty Canyon color palette — #FFF0F9 · #B5B5FF · #B4A112 · #0089B3 · #003E53

Built around Mustard, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#B5B5FF): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#B4A112): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#0089B3): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003E53): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Quiet Workshop color palette (#FFF1F5, #D2ACF0, #7DB064, #2685B8, #0E4233)
• Aged Iris color palette (#FCF2F6, #CDBDF4, #A5B16D, #7E80BD, #533949)
• Airy Navy Orchard color palette (#FFDDEE, #A896FF, #A98500, #006AB3, #0B0C6E)
• Timeworn Pier color palette (#EBF9F1, #65CEEE, #E47E78, #009087, #004142)
• Aged Teal Workshop color palette (#FFF2F0, #FF9ABE, #11BA9A, #4C81B3, #133A5C)
• Worn Powder Harbor color palette (#FCF3EF, #C3ECE4, #68CAFE, #69A884, #583D56)
• Pale Alley color palette (#FFF1F1, #FF8FD5, #B67C2A, #206B49, #0A2D4A)
• Shell Corridor color palette (#FFF1F7, #FBC9C9, #D3B59C, #7CA18E, #385346)

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