Cerulean Loft color palette — #FFF2ED · #72DEE8 · #0098CE · #007745 · #17315F

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ice Blue (#72DEE8): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#0098CE): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007745): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#17315F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Powdered Cornflower Orchard color palette (#FFF2E9, #82D7FF, #3F89F7, #007367, #312665)
• Azure Villa color palette (#FFF0FB, #C4FAFF, #00A9D7, #007558, #002644)
• Cobalt Harbor color palette (#F4E3DB, #56C3D4, #007DB4, #005C3D, #0C1B47)
• Quiet Turquoise Drift color palette (#F6F7E5, #A6E7EC, #00BFD7, #009890, #003947)
• Periwinkle Studio color palette (#D5E2F5, #60A0FF, #569551, #707300, #05224C)
• Weathered Periwinkle color palette (#FEF3EC, #BCEEFF, #7BA9D8, #3D8A75, #583E50)
• Weathered Blush color palette (#F0F5FF, #E2CAFF, #FC93B6, #0089A8, #3B345F)
• Softworn Study color palette (#F0DED1, #4EAED7, #0B60CB, #004B42, #130935)

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