Cerulean Loft color palette — #FCF2F6 · #CADFF1 · #698BC1 · #007076 · #3B4667

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

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Powder Blue (#CADFF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#698BC1): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007076): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#3B4667): 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

• Antique Pine color palette (#FBF2F8, #C3E3EB, #5196A4, #147543, #204D64)
• Worn Cerulean Cabin color palette (#F0F3EB, #C1E6D9, #5393CB, #1A6781, #372438)
• Denim Ridge color palette (#E9E0E7, #7BA6B6, #00607E, #004030, #00203D)
• Tempered Atelier color palette (#F2E5ED, #458BA2, #004067, #002320, #01002F)
• Gentle Terrace color palette (#E5FAFF, #63AFA9, #BF6898, #00756F, #5C3349)
• Weathered Coast color palette (#FCF1F9, #67C9CF, #007A97, #00583D, #003657)
• Worn Petrol Orchard color palette (#F9EAEF, #95B5D3, #4964AA, #004E58, #2D2652)
• Tempered Meadow color palette (#B8EFE5, #74B48B, #00957A, #006565, #084F5B)

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