Cerulean Loft color palette — #EFF6FC · #D8D8E4 · #C2BAD3 · #4D87AF · #343C42

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

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D8D8E4): bright and airy, almost weightless.
• Ash (#C2BAD3): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#4D87AF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#343C42): quiet, heavy and certain.

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

• Muted Indigo color palette (#F1F5FF, #DADBF9, #BFB9D8, #7169C4, #2D3242)
• Cobalt Boulevard color palette (#F0F7F5, #DED4D3, #A9A69C, #3E91CE, #24322E)
• Softworn Ash Basin color palette (#F3F5FD, #DFD8E0, #BBACAF, #9499B9, #50525A)
• Powder Lagoon color palette (#DBE6F3, #B3B0E5, #A17DA3, #5B735C, #2A5042)
• Aged Aubergine Basin color palette (#E6E6F3, #A6A0BA, #8E7F9B, #563075, #080715)
• Wandering Loft color palette (#D6E0EB, #BBC4D7, #9CA3C1, #1E62A5, #16202C)
• Lilac Lantern color palette (#EFF6FF, #83DDFF, #8FBCFF, #B488D8, #232E4D)
• Muted Mustard color palette (#EDF9EF, #C0B764, #78884A, #4A6879, #1C3D2E)

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