Misty Cobalt color palette — #A7EFEC · #4CB4BF · #0080A9 · #195A8B · #354368

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

The five colors

• Sea Foam (#A7EFEC): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#4CB4BF): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0080A9): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#195A8B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#354368): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Quiet Market color palette (#CDF5D7, #60B5D9, #2679B0, #3D5594, #59374D)
• Wandering Teal color palette (#BEECD1, #58C1A8, #008A89, #006679, #1E4C65)
• Antique Corridor color palette (#CBF6FF, #5BD8EC, #00B9EF, #3D88BF, #384B6D)
• Cobalt Garden color palette (#D8FFF3, #94C2F3, #367CAD, #114477, #082D4E)
• Nightshade Corridor color palette (#C3E6EC, #009AD0, #005DAD, #0615BA, #371B79)
• Misty Amber Veranda color palette (#E8FAF1, #49ACD5, #B87A30, #007092, #5D390A)
• Ancient Delta color palette (#E0FDF2, #E3DFF1, #D6BDE7, #468488, #5A475A)
• Muted Bronze Balcony color palette (#DEFEF1, #3C92C0, #B06437, #8A5F1F, #1F3F34)

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