Misty Cobalt color palette — #E7F2E9 · #88B6E2 · #4370CC · #00566C · #17164A

Sapphire and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Sky (#88B6E2): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#4370CC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00566C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#17164A): A deep, shadowed, balanced violet — the color of wild irises.

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

• Worn Cobalt Coast color palette (#E3EEE5, #83BCCB, #007FAA, #005956, #00213A)
• Misty Cabin color palette (#FBF4EA, #A4D1FC, #4475D9, #004E63, #080132)
• Nightshade Station color palette (#F6E4E9, #86A2BD, #4149AC, #003E40, #2B0848)
• Iris Coast color palette (#F6ECE2, #9EC5E8, #7383FF, #007C80, #27133C)
• Airy Azure color palette (#EAFAED, #84D9F4, #0097D4, #007273, #003460)
• Ultramarine Drift color palette (#D8E4DA, #6998BD, #0C53AF, #003A46, #04012C)
• Muted Turquoise color palette (#EFF8F0, #ACE8E6, #00AFC3, #008666, #00475B)
• Grape Studio color palette (#CBF2E9, #6FAB2E, #8540A6, #375F00, #2C003D)

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