Muted Cerulean color palette — #F9F0EB · #CBE3D3 · #5994C0 · #266D54 · #212A4A

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Cream (#F9F0EB): a clean, paper-quiet neutral.
• Celadon Mist (#CBE3D3): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5994C0): A luminous, balanced blue — the color of open sky before noon.
• Pine (#266D54): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#212A4A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cerulean Bloom color palette (#F9F4EE, #CAE4D3, #4A94B7, #00716E, #284B69)
• Wandering Archive color palette (#FAF0E7, #ACD1C1, #607CAC, #005C54, #20193D)
• Wandering Cypress Canyon color palette (#F6F1EB, #C7E4E9, #9199C5, #2D777C, #452F37)
• Pale Teal Garden color palette (#DAEDE2, #4FBFB6, #008598, #055580, #172B4A)
• Tempered Lagoon color palette (#F9E6DF, #31878B, #004258, #00210C, #000106)
• Aged Turquoise color palette (#E5F7E9, #50B4C1, #B97E55, #00727D, #401C00)
• Hushed Mallow Studio color palette (#E6F7EC, #FDE1FF, #D7B4E3, #518E79, #13362E)
• Cerulean Workshop color palette (#E4F5FF, #7CC5E5, #3387AC, #004562, #001B2C)

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