Muted Cerulean color palette — #FEF3ED · #A9E9F3 · #4A94B5 · #356E5D · #553E58

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

The five colors

• Ivory (#FEF3ED): bright and airy, almost weightless.
• Sea Foam (#A9E9F3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4A94B5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#356E5D): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#553E58): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Muted Cerulean color palette (#FCF3EF, #C9E5CA, #4497AD, #3C6E54, #2B5045)
• Dusty Forest color palette (#F9F0EC, #C9E4D0, #6394B3, #286D4E, #3D2039)
• Weathered Quarry color palette (#FBF2F9, #CEE1FD, #77ACCE, #468A6A, #354866)
• Muted Lagoon color palette (#F1F9E0, #39BA76, #AB72AB, #1A7849, #5B363D)
• Softworn Lagoon color palette (#EEDED5, #009391, #004451, #002412, #000B14)
• Patina Pier color palette (#F3F9DA, #C4F3FF, #95D0F0, #95843B, #485542)
• Softworn Studio color palette (#F8ECE5, #66C0D5, #00709F, #005145, #112D56)
• Washed Delta color palette (#F4EAE1, #61A8D0, #1D55A2, #003D40, #191843)

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