Muted Cerulean color palette — #F7EFF4 · #C2E2F2 · #5595BE · #016E60 · #192D47

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

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Powder Blue (#C2E2F2): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5595BE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#016E60): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#192D47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Cerulean 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 Alley color palette (#EEF8F6, #C9E0EC, #4296B5, #007078, #284C64)
• Softworn Cobalt color palette (#F8EFF3, #AFCCE0, #507EB8, #005B5D, #191C3F)
• Pale Corridor color palette (#ECF2FF, #8284D2, #957E10, #627333, #161D32)
• Lagoon Meadow color palette (#E9DBE5, #24888D, #004254, #002014, #000104)
• Washed Lantern color palette (#EFE1E6, #7CA1C1, #3B5398, #003840, #0D002B)
• Patina Cerulean Pier color palette (#EDF2FF, #DED2E2, #ECB6A6, #6389B0, #2D2E40)
• Dusty Lagoon color palette (#FBF3EF, #C6E4E1, #72ACD4, #008E7E, #573D56)
• Hushed Orchard color palette (#C6E9FF, #78A3E2, #6273BA, #51427D, #331F44)

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