Misty Cobalt color palette — #D8E1F1 · #CAA6EB · #C683C1 · #367BC8 · #111436

Built around Azure, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Frost (#D8E1F1): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#CAA6EB): A luminous, balanced violet — the color of twilight just after sunset.
• Mauve (#C683C1): A luminous, balanced pink — the color of peonies in June.
• Azure (#367BC8): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#111436): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light.

Use it as a design system

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

• Wandering Orchard color palette (#E3DFEC, #DAA4FF, #E282D5, #766EBC, #210D32)
• Hushed Iris color palette (#D2E7FC, #92B9FF, #8F9BF0, #007BAA, #250D27)
• Feathered Veranda color palette (#ECE6FF, #D589B3, #C86F8D, #6462A2, #1B020B)
• Pale Studio color palette (#D1E9FF, #A9ADFF, #D06BBA, #00606E, #2D1127)
• Soft Studio color palette (#EDF4FF, #C6C7FF, #BC87DF, #00587E, #04002C)
• Raspberry Terrace color palette (#F1DEF3, #A08ED6, #B65786, #004648, #060020)
• Hushed Iris Basin color palette (#EFF2FF, #E5D0E7, #DFBAFF, #7096F0, #342F57)
• Mallow Veranda color palette (#FFE5E9, #FFC6CF, #FFA7CC, #A985C1, #4A272D)

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