Cerulean Loft color palette — #FAF4EC · #BBECE5 · #419EC1 · #006B63 · #002136

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sea Foam (#BBECE5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#419EC1): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006B63): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002136): 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

• Tempered Sky Bloom color palette (#FCF4E8, #BFE6F5, #63AFDE, #007F81, #3D2340)
• Softworn Denim Harbor color palette (#EBE4DA, #75ABC3, #00598B, #002B2E, #000105)
• Petrol Delta color palette (#E9F1EB, #7FBDC9, #007393, #00504A, #00314D)
• Antique Cobalt color palette (#FBF4E9, #A7D8C4, #337FC0, #005059, #000532)
• Ancient Petrol Atelier color palette (#F4EDE2, #6DC8C8, #007483, #003F30, #000305)
• Hazy Seafoam Grove color palette (#DAFFF0, #58E6B6, #009068, #004031, #000302)
• Timeworn Delta color palette (#F9F4EE, #C0E0EB, #9BCFD1, #7D9B7B, #35554C)
• Emerald Pier color palette (#EBFDD3, #C9F2FF, #88E8FF, #66955C, #003029)

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