Misty Cobalt color palette — #F0F3EA · #A7D5FF · #3A84DA · #005D7F · #0E224B

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Powder Blue (#A7D5FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#3A84DA): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005D7F): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0E224B): A deep, shadowed, balanced violet — the color of wild irises.

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 Corridor color palette (#F0F4E3, #ADDCC6, #0E8DC3, #00606F, #002742)
• Cornflower Ridge color palette (#FFF1F6, #B0D2F3, #5779D7, #006571, #3F3472)
• Denim Dune color palette (#E2E6DA, #5990B8, #004B83, #002938, #000412)
• Periwinkle Workshop color palette (#EBF8F8, #BCDFFF, #5B9EEE, #007CA7, #1F3D77)
• Tempered Cypress color palette (#F3F4DE, #6ECEC9, #008286, #005346, #001F23)
• Emerald Alley color palette (#E5E9BC, #349C1D, #008491, #845700, #031F00)
• Softworn Taupe Study color palette (#F2F2EB, #C6E1DB, #81A78C, #597355, #233D2F)
• Worn Olive Hollow color palette (#D9FED5, #9FE9E0, #79D7BD, #5E802B, #252C08)

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