Muted Cobalt color palette — #E5F3E8 · #94CDEF · #3D8AD4 · #006A77 · #1A2B54

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

The five colors

• Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
• Sky (#94CDEF): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#3D8AD4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006A77): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1A2B54): A deep, shadowed, dusty 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 Muted 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

• Weathered Quarry color palette (#F0F7F1, #B0DAFF, #7596CE, #21778F, #32375A)
• Wandering Azure Basin color palette (#F4F7EB, #B7E9EC, #319ADF, #00667E, #001F3D)
• Feathered Cerulean Pier color palette (#E5F3E8, #6DD9D6, #0097A8, #006F53, #003442)
• Softworn Petrol color palette (#F7EBF0, #92B6D1, #3C69A5, #004F52, #252756)
• Worn Powder Veranda color palette (#F0F7F1, #DADDEC, #98B3D8, #5A909E, #485366)
• Dusty Loft color palette (#DAEEDE, #3CB2D0, #006F9A, #004A49, #00152A)
• Airy Corridor color palette (#C6E7DB, #9FB629, #8A5AC0, #5C6C00, #321B4B)
• Moss Terrace color palette (#D7E4C5, #6E9600, #0080CC, #AD385B, #182400)

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