Misty Cobalt color palette — #FFF1F6 · #A0D6F8 · #457ED3 · #00666A · #383A6A

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#A0D6F8): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#457ED3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00666A): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#383A6A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Ancient Cypress Market color palette (#FAF3F7, #C7E1EF, #678FAF, #007268, #364865)
• Gentle Archive color palette (#FFF1F6, #88BEE8, #4068C4, #00545D, #312667)
• Gentle Cobalt color palette (#F0F4E7, #A7D7F5, #1A89D1, #005F76, #00254A)
• Soft Dune color palette (#E6FAF9, #B9E0FF, #32A3F3, #007E9D, #124071)
• Antique Navy color palette (#E9DBE2, #6197B3, #00498B, #003030, #0B0541)
• Tempered Harbor color palette (#FDF3EB, #C9EAFF, #89B8FF, #00A4AC, #393A67)
• Patina Abyss color palette (#F6E8F2, #4F8B93, #004358, #002319, #000A18)
• Raspberry Quarry color palette (#FFE3E7, #D1466D, #008576, #10657E, #521929)

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