Cerulean Studio color palette — #F0F6FA · #D9D9E0 · #B7A7AB · #3C8DA7 · #4B545A

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D9D9E0): bright and airy, almost weightless.
• Ash (#B7A7AB): a calm mid-gray that lets other colors speak.
• Cerulean (#3C8DA7): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#4B545A): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cerulean Studio 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

• Patina Cerulean color palette (#EDF4F0, #CEDADA, #B9ACA4, #548BA4, #323835)
• Lagoon Lantern color palette (#EEF8F4, #A8C8C5, #5B8A90, #4C6B7C, #375351)
• Antique Boulevard color palette (#EFF7F3, #D1DDDF, #B6B5A9, #A98899, #4E5450)
• Chestnut Delta color palette (#EBF9F1, #73B4BE, #6576A0, #6A5800, #354B59)
• Hushed Denim Harbor color palette (#F2F5FB, #DBD7DF, #B4B0C5, #4360A7, #343B45)
• Dusty Onyx color palette (#E3EAEF, #919BA8, #696F8A, #002F43, #000A15)
• Tempered Lilac color palette (#EFF6FE, #C1DAF3, #B1BDFD, #9E7FD5, #384C66)
• Hushed Aubergine color palette (#E0E2EB, #AAA7B3, #897792, #480085, #101128)

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