Cerulean Loft color palette — #F0F8F1 · #C9E0F0 · #5C8FBD · #006F7A · #34476B

Slate Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Powder Blue (#C9E0F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#5C8FBD): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006F7A): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#34476B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Patina Petrol Veranda color palette (#EDF7FF, #DAD9E3, #C7B9EE, #00839A, #3A4B63)
• Iris Ridge color palette (#F7EFF3, #C7E0F2, #5F8ED6, #006E63, #232A46)
• Antique Cobalt Corridor color palette (#B9EDFF, #5DBBD0, #0085B2, #006094, #28446D)
• Dusty Lantern color palette (#D8E3DA, #74A8B8, #006273, #003F33, #002331)
• Softworn Station color palette (#DCE7DE, #4A8B9B, #00425B, #002221, #000A17)
• Weathered Pier color palette (#FAF4EF, #C4F1DD, #7EA5E7, #008E81, #5A3E4D)
• Wandering Navy Lagoon color palette (#EEF6FF, #94BEE5, #3671AE, #004282, #062A51)
• Amber Terrace color palette (#ECF7FF, #68A8CE, #C57138, #006E9B, #5E371F)

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