Cobalt Loft color palette — #F1F6FB · #D9D9E2 · #BFBDD1 · #2E7BAF · #3F4952

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

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#D9D9E2): bright and airy, almost weightless.
• Ash (#BFBDD1): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#2E7BAF): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3F4952): quiet, heavy and certain.

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

Use it as a design system

One click turns Cobalt 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

• Driftwood Studio color palette (#F2F5FB, #DAD8DF, #B5A9AB, #757FAC, #4D535D)
• Muted Petrol color palette (#EDF3F7, #D7D7E1, #C1B9CB, #4B7C97, #262D32)
• Amethyst Boulevard color palette (#F3F4FE, #DFD6E4, #BCB9D0, #7848C7, #3B3E51)
• Navy Terrace color palette (#E2E7ED, #A2AAB6, #737F98, #00376C, #041426)
• Misty Iris color palette (#EFF6FF, #AFDCFF, #99BBFF, #8A7EDF, #323D61)
• Ancient Olive color palette (#EBF9F1, #93B9AA, #6A7B42, #29665A, #2C4A3E)
• Worn Ultramarine color palette (#EFF6FF, #CAD3E4, #99A5CD, #1544D7, #293343)
• Powdered Mulberry color palette (#FFF0FE, #8095D2, #6A6099, #822847, #303C5A)

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