Misty Cobalt color palette — #EDF0E5 · #9DD1C1 · #3A89D8 · #006788 · #0F2C59

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

The five colors

• Cream (#EDF0E5): bright and airy, almost weightless.
• Pistachio (#9DD1C1): A luminous, dusty teal — the color of sea glass.
• Azure (#3A89D8): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006788): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#0F2C59): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Aged Cerulean color palette (#EFF0E3, #ACCFAF, #0097A7, #006D65, #00343F)
• Wandering Azure color palette (#E4FBFA, #D4DBF8, #5295DE, #006586, #0A1D3D)
• Dusty Sapphire color palette (#F6EDE4, #85B7E0, #4163B6, #004E57, #2C284C)
• Dusty Turquoise Dune color palette (#F5F6EC, #AAE7F2, #00ADCF, #008284, #00475D)
• Wandering Periwinkle Quarry color palette (#F7EBEF, #A9DAFF, #7BA3F2, #008F9B, #2B2652)
• Weathered Petrol color palette (#EBEDE2, #80AD98, #006F9A, #004854, #001526)
• Timeworn Crimson color palette (#FAE6ED, #996FC6, #CD3E5F, #0070A5, #271539)
• Aged Orchard color palette (#F4F6F0, #CDE1E5, #99B3D9, #568EAF, #62495E)

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