Cerulean Loft color palette — #F7EFF5 · #AAE9F3 · #5096BF · #396A52 · #1F2C42

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Sea Foam (#AAE9F3): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5096BF): A luminous, balanced blue — the color of deep harbor water.
• Pine (#396A52): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#1F2C42): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cobalt Field color palette (#F8EFF4, #90D2EF, #577DB1, #005D51, #181F38)
• Tempered Canyon color palette (#F8EFF2, #D9D0E3, #8B9BC8, #3B7675, #32344A)
• Gentle Lantern color palette (#F4EFFF, #C168B3, #2B9375, #317A63, #211A2F)
• Washed Lagoon color palette (#FAF4EB, #BBE7F3, #81C6E1, #3D9288, #23473C)
• Ancient Lagoon Quarry color palette (#EFE1EF, #008A89, #004254, #002106, #000104)
• Aged Stone Quarry color palette (#F2EFFF, #DFD3C7, #E3B685, #6F779F, #342B3C)
• Airy Ultramarine color palette (#F5E2E9, #5AA5D1, #294FB0, #003A36, #0E0029)
• Wisteria Atelier color palette (#F3EFFF, #CE85CF, #44A27A, #854C86, #002E2F)

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