Misty Cobalt color palette — #DEF1FA · #53B4E6 · #008AD1 · #0061A6 · #1E3B67

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

The five colors

• Frost (#DEF1FA): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#53B4E6): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#008AD1): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#0061A6): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1E3B67): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Antique Navy color palette (#CBF4F8, #00AFDA, #0070B1, #204699, #2C3258)
• Timeworn Cerulean color palette (#D0F6F7, #46C3D0, #009AAF, #006980, #003F54)
• Pale Canyon color palette (#FCE1FF, #96B6EB, #7091E1, #4F62BD, #424472)
• Antique Sapphire color palette (#F6EAF7, #7CABE3, #D56DA0, #0071D2, #54203B)
• Softworn Atelier color palette (#F0F5FF, #9BBAFC, #527ED1, #1244AA, #061750)
• Weathered Nightshade Harbor color palette (#CFE9FC, #1091ED, #0065BC, #002AB8, #080A5B)
• Weathered Lilac color palette (#CDEDE3, #509CD6, #A072C3, #008B77, #032E4A)
• Feathered Violet Basin color palette (#E1E4F3, #A09FEA, #8B6FE0, #673FA9, #472E60)

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