Misty Cobalt color palette — #D8F5E9 · #7EB0EC · #5F7AC3 · #4E4885 · #362346

A conversation between Azure and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D8F5E9): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#7EB0EC): A luminous, balanced blue — the color of deep harbor water.
• Azure (#5F7AC3): A full-bodied, balanced violet — the color of a velvet chair.
• Indigo (#4E4885): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#362346): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Delta color palette (#ACF3F5, #59BAD1, #2C86BB, #284C88, #26294D)
• Weathered Delta color palette (#E1ECFF, #9499DE, #8868B2, #693A6E, #462239)
• Tempered Indigo Veranda color palette (#FFECF4, #B2ADEA, #7866AB, #3D326A, #171038)
• Nightshade Archive color palette (#FCD8FB, #8FADE8, #6479CE, #4A49A6, #46446C)
• Dusty Ultramarine color palette (#FCEDF7, #909FE4, #9B9035, #4F5BAE, #2D2800)
• Cerulean Hollow color palette (#FFEBF8, #ECD0CA, #E9B2AD, #4F7EA4, #452B35)
• Seafoam Thicket color palette (#ECDDC4, #00EADB, #9589EB, #361F2C, #140D11)
• Grape Meadow color palette (#D4E6FF, #5F76FF, #6C25E4, #540070, #380034)

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