Misty Cobalt color palette — #ECF1E4 · #97C9FC · #5487D1 · #006590 · #202C4C

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

The five colors

• Cream (#ECF1E4): a clean, paper-quiet neutral.
• Sky (#97C9FC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#5487D1): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006590): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#202C4C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Softworn Cabin color palette (#EEF0E2, #8BD2DC, #0096B0, #006C6B, #003342)
• Sunlit Sapphire Coast color palette (#F3EEE5, #8EB5DE, #3F64B5, #004D61, #262757)
• Dusty Periwinkle color palette (#EAF1EB, #B4D7FB, #76A1FE, #008CAF, #26265A)
• Antique Iris color palette (#FAF4EE, #DADEFB, #7C86EC, #00696E, #28113C)
• Timeworn Azure color palette (#F4F8E4, #9AE9FF, #00ABD9, #00818B, #004662)
• Sunlit Azure color palette (#E2E6D7, #41AEE2, #006CA5, #004858, #00142B)
• Wandering Cerulean Basin color palette (#E3E4D7, #4BA1AB, #006374, #003B3A, #000B11)
• Quiet Moss color palette (#E0E1BC, #57B200, #0092C6, #377500, #002D40)

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