Muted Cerulean color palette — #FAF2F8 · #8CD2E1 · #3D80A4 · #006152 · #253C57

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Ice Blue (#8CD2E1): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3D80A4): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006152): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#253C57): 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

• Antique Forest color palette (#F7EFF5, #AACEDE, #4782AB, #005E42, #101F3D)
• Patina Basin color palette (#FBF2F6, #B6E3FF, #6B8CBA, #097073, #3E475E)
• Hushed Summit color palette (#E9F8FF, #B6D6FF, #B19DE2, #38796C, #2E4252)
• Ancient Petrol color palette (#F7EBEF, #79B9E6, #3C65B3, #004F55, #2A2753)
• Sky Market color palette (#F8F5EF, #C8EAD3, #4FC0ED, #00A198, #153E5B)
• Chalky Summit color palette (#D8F7ED, #00B5B2, #007683, #004E6B, #2B2F52)
• Cerulean Corridor color palette (#E8DAE3, #0D8FAA, #004163, #00231E, #000526)
• Soft Bronze Harbor color palette (#DAF3FF, #009EB7, #B35D36, #006171, #522815)

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