Misty Canyon color palette — #E9F8FF · #7CD2FF · #0097E2 · #0062A5 · #0C2A4F

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Sky (#7CD2FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#0097E2): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#0062A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#0C2A4F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Azure Summit color palette (#C8E8FD, #0398EC, #0060AD, #002C6A, #01003A)
• Azure Atelier color palette (#DCEDEF, #31C8FA, #2FA2F1, #537ABA, #34365D)
• Pale Ridge color palette (#D3FFFE, #00D8E7, #00A6BC, #006375, #003A4A)
• Antique Indigo color palette (#F0F5FF, #B2C8FF, #6077FC, #4848A3, #302B51)
• Frosted Clover color palette (#EEF6FF, #86C5FF, #53C06C, #167BC4, #023111)
• Navy Cabin color palette (#C7F0EE, #00A6C6, #0074A9, #284A92, #41335F)
• Peony Chapel color palette (#F0F5FF, #869FFF, #DC5FBF, #008F9B, #0F1A32)
• Weathered Azure color palette (#EFF6FF, #DAD8E2, #B8ADA5, #719BC7, #273146)

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