Misty Cobalt color palette — #FFF0F9 · #9BD9F2 · #3E84C0 · #006762 · #2C3C6E

Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Powder Blue (#9BD9F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3E84C0): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006762): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2C3C6E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Cobalt Studio color palette (#FFF0F7, #74C3E8, #006EC8, #005655, #222674)
• Worn Field color palette (#E6FAF8, #A9E5FE, #00A8E5, #008091, #004469)
• Tempered Market color palette (#F1F4E4, #AEDCC5, #008EC1, #00606D, #002840)
• Ash Garden color palette (#FBF2F5, #DADEEF, #859ABF, #497686, #4A5268)
• Muted Mallow color palette (#EAF8FF, #DCD7E9, #D4A9FF, #008A8B, #234369)
• Onyx Station color palette (#EFDEE8, #409CB7, #004E78, #00302B, #000A41)
• Sky Boulevard color palette (#ECF7FF, #50B4FF, #006CA3, #004165, #002644)
• Worn Azure color palette (#D7EFFF, #2A9DD8, #974600, #655300, #00354E)

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