Cerulean Loft color palette — #ECF7FC · #E4D4CE · #3194A7 · #284B5A · #111D23

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

The five colors

• Ivory (#ECF7FC): a clean, paper-quiet neutral.
• Bone (#E4D4CE): bright and airy, almost weightless.
• Cerulean (#3194A7): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#284B5A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#111D23): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Timeworn Cobalt color palette (#F0F5FE, #F6E5AD, #5C73B4, #2B3659, #0A0F19)
• Softworn Turquoise color palette (#EFF7FA, #CED7EB, #BB9FE0, #36ACB9, #1C1D29)
• Weathered Petrol Atelier color palette (#E8F6EF, #E6B3C1, #34697E, #1E372C, #0A1711)
• Antique Villa color palette (#F1F7F0, #D5E7A7, #68ADA5, #62725F, #262E25)
• Blush Field color palette (#EDF7FC, #56C2D8, #CA6F90, #706A33, #1A2D35)
• Muted Seafoam Alley color palette (#E8F9F9, #81D8AF, #E3969D, #938147, #203637)
• Petrol Workshop color palette (#EEF6FF, #FFC195, #2B65A5, #03284E, #01040B)
• Worn Boulevard color palette (#E7FBF0, #B1E6FF, #9D98E0, #7A753F, #33414F)

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