Cerulean Loft color palette — #FBF2FA · #AAE9EF · #4394BA · #3D6F4F · #354964

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Sea Foam (#AAE9EF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#4394BA): A luminous, balanced blue — the color of deep harbor water.
• Pine (#3D6F4F): A full-bodied, dusty teal — the color of sea glass.
• Navy (#354964): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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 Station color palette (#FBF2F6, #D9DEEF, #8699C1, #3D7B76, #4D5167)
• Cobalt Pier color palette (#FDF1F8, #8AD2E6, #307DBB, #16614C, #31375C)
• Ancient Cypress Summit color palette (#F2F3E9, #CAE4CF, #5899A6, #006D68, #0C3522)
• Washed Powder color palette (#DAFEF9, #BCE3EC, #91CAEF, #65876E, #3F585A)
• Jade Veranda color palette (#DEFDFA, #5DB57A, #A873AF, #2F7648, #443D5C)
• Cerulean Boulevard color palette (#ECD8E6, #00A0BB, #004E7B, #003123, #090B3A)
• Patina Courtyard color palette (#DDFFE6, #58CCA2, #098662, #005439, #003B2A)
• Feathered Basin color palette (#FAE7B2, #9EAF44, #47944F, #00654C, #1D515A)

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