Cerulean Loft color palette — #F0F6FA · #D7DAE4 · #B8B0BF · #1198BE · #233039

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D7DAE4): bright and airy, almost weightless.
• Ash (#B8B0BF): A luminous, dusty violet — the color of wild irises.
• Cerulean (#1198BE): A luminous, balanced blue — the color of deep harbor water.
• Deep Forest (#233039): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Periwinkle color palette (#F1F6FB, #DADAE4, #CBBFC3, #6EA3D4, #374049)
• Weathered Petrol color palette (#ECF4EF, #C8DADD, #C6B0BF, #007087, #18241D)
• Patina Lagoon Coast color palette (#E7FAF8, #A9DBDB, #339E82, #1A716D, #002F30)
• Weathered Lagoon color palette (#EEF6FF, #D4DCE8, #CAB8E1, #8DAFFF, #032849)
• Indigo Workshop color palette (#F0F5FE, #DBD8E2, #C1A5A9, #4A6CFF, #192539)
• Antique Mulberry Harbor color palette (#FEF0FF, #81BBFC, #6B78BE, #881F62, #0E223C)
• Ancient Dune color palette (#F1F5FF, #C3CAEA, #AF92BD, #925658, #4A2E42)
• Aubergine Harbor color palette (#E3E6F0, #B8B9C7, #908EA9, #411F85, #010008)

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