Misty Cobalt color palette — #F7F1E7 · #9BD9F9 · #0088DA · #00616A · #082250

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

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Powder Blue (#9BD9F9): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#0088DA): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00616A): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#082250): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Cobalt Ridge color palette (#FAF0E1, #7EC5F1, #0072CE, #00505C, #050F4C)
• Tempered Cerulean Field color palette (#F7F1E7, #A0DCDF, #0092AA, #006451, #002939)
• Faded Cobalt color palette (#FFF0F8, #92D9FC, #487ED4, #00675D, #3E3964)
• Aged Azure color palette (#ECF9EE, #AEE4FF, #3CA2F1, #00818C, #253F6B)
• Denim Meadow color palette (#F8EEDF, #5493AD, #004E77, #002B2E, #000411)
• Clover Corridor color palette (#D1ECD0, #00BD63, #007F62, #005044, #002726)
• Ancient Teal Harbor color palette (#C7FFF7, #00C2BF, #008077, #00413F, #001110)
• Sky Pier color palette (#E7F8E0, #AAF5FF, #58C5FF, #1B8359, #122C15)

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