Misty Cobalt color palette — #B7F4FE · #63B6DA · #4580C5 · #445492 · #47436B

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#B7F4FE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#63B6DA): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#4580C5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#445492): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#47436B): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Worn Cerulean color palette (#B1F3E5, #39B5BF, #0087A8, #005F86, #5B3F5C)
• Chalky Harbor color palette (#C5EDFF, #85D7FF, #63B1FF, #6E7EC5, #3C4263)
• Sunlit Loft color palette (#D6EBFC, #72AADC, #2E75B9, #144598, #1A294E)
• Tempered Boulevard color palette (#D9FFF2, #A4B8EC, #7F7CB9, #715C8E, #6C4B53)
• Aged Denim Harbor color palette (#FFF0FC, #8A9DD6, #C07441, #4A60AA, #5E371E)
• Cerulean Terrace color palette (#FFF0FE, #EAD4D3, #E4B8A3, #548A9C, #5E4353)
• Cobalt Pier color palette (#FFF0FD, #6288CD, #9E7127, #7B6721, #443043)
• Arcade Lapis Pier color palette (#CBE3F0, #3087FD, #4033EC, #4E0DB2, #491B6B)

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