Cerulean Studio color palette — #F0F7F2 · #E3D8DC · #CFBABB · #388D9E · #313E35

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#E3D8DC): bright and airy, almost weightless.
• Stone (#CFBABB): A luminous, dusty red — the color of embers at dusk.
• Cerulean (#388D9E): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#313E35): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Hushed Corridor color palette (#F3F6EF, #CFDDDA, #ADC3C5, #459173, #2D4300)
• Dusty Petrol Lagoon color palette (#F0F6FA, #D7D9E1, #AAB4C2, #006F88, #2A3E48)
• Wandering Station color palette (#FBF5E5, #A0BE97, #49907B, #396A83, #35362F)
• Muted Garden color palette (#FBF1FB, #F2D5E2, #D5B4B7, #2D75D6, #3C2D3C)
• Muted Petrol Summit color palette (#DAE2DD, #CBC0CA, #B49DA6, #006B88, #0C251A)
• Timeworn Ash color palette (#FAF3F8, #E1D8D7, #B6B1A8, #B28EAB, #575055)
• Cobalt Corridor color palette (#CBEFE4, #2386CD, #543545, #0E2721, #061009)
• Hushed Boulevard color palette (#DEEEC9, #93C1AA, #B18698, #736D22, #37471E)

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