Cerulean Loft color palette — #F1F3EB · #C9E4D5 · #5297B9 · #006A78 · #022F49

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Celadon Mist (#C9E4D5): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5297B9): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006A78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#022F49): 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 Cerulean Loft 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

• Softworn Summit color palette (#F0F3EB, #A6D3C4, #3F80BD, #005772, #072041)
• Cobalt Villa color palette (#FBF2F7, #C1E2F5, #4590CC, #00716A, #374865)
• Denim Parlor color palette (#E7EADF, #659684, #004D7A, #002A36, #00040F)
• Hushed Cypress color palette (#F2F2EC, #C7E1D9, #83A68A, #037C6F, #213D2C)
• Weathered Lagoon Loft color palette (#FCF3EE, #C1E4F2, #86C1F6, #00968E, #313E60)
• Powdered Mulberry Archive color palette (#FFEDEC, #C791AC, #5392CE, #A03674, #072946)
• Patina Indigo Veranda color palette (#FFEDED, #BA739C, #B96632, #5A5DBF, #321315)
• Aged Pier color palette (#FFEDEA, #E0D4C9, #F2B5A9, #A76987, #3F251F)

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