Cerulean Loft color palette — #FCF2FA · #78DDE9 · #0098D0 · #007748 · #112E6A

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

The five colors

• Ivory (#FCF2FA): a clean, paper-quiet neutral.
• Ice Blue (#78DDE9): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#0098D0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#007748): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#112E6A): 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

• Pale Cornflower color palette (#FFF1F7, #8FD5F8, #3B87FF, #007368, #32236A)
• Muted Azure Orchard color palette (#FFF2EC, #C6F9FF, #00A9D9, #00755A, #002646)
• Misty Cobalt Atelier color palette (#F6E9F3, #77BECC, #007CB8, #005C40, #101B45)
• Turquoise Drift color palette (#E4FBF7, #9BE9F2, #00BFDC, #009894, #003948)
• Periwinkle Grove color palette (#FBF2F7, #D1E0FD, #74A9E0, #3E8A76, #3A4765)
• Softworn Garden color palette (#F1E0E7, #57ACD8, #175AD7, #004B45, #17013D)
• Powdered Seafoam Pier color palette (#D6FFF8, #60FDE6, #7CBBFF, #8E7D00, #00462F)
• Dusty Veranda color palette (#C1FFE1, #00D490, #008B6C, #005938, #002013)

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