Misty Cobalt color palette — #DAF2F6 · #3AB5EC · #3887D3 · #445BA5 · #39355F

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

The five colors

• Frost (#DAF2F6): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#3AB5EC): A luminous, balanced blue — the color of deep harbor water.
• Azure (#3887D3): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#445BA5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#39355F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Worn Navy Terrace color palette (#D7F0FF, #5AA4E0, #0672C3, #0046A2, #1E3569)
• Cornflower Dune color palette (#E3FAFF, #62CCFF, #1196F8, #314F9D, #2A254E)
• Timeworn Indigo color palette (#D1E7F7, #80A9FD, #7274D6, #684593, #4F2B55)
• Turquoise Garden color palette (#CFE5E0, #2EC4C6, #0093AD, #006087, #1C3963)
• Iris Boulevard color palette (#BEF2DD, #8BBEFB, #7A8FDE, #6B5E9F, #554068)
• Airy Chapel color palette (#EDF3FF, #9EB9FC, #6777CE, #3B448F, #0E1849)
• Worn Hollow color palette (#CFE6F0, #0094E2, #1F57D7, #342C9F, #2C104E)
• Washed Basin color palette (#FDE6FB, #7DA9ED, #C0893E, #326ECD, #4B2E00)

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