Cobalt Loft color palette — #ECF7FF · #DAD9E4 · #C4A7AB · #0089BA · #172732

Cerulean takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Silver (#DAD9E4): bright and airy, almost weightless.
• Rosewood Mist (#C4A7AB): A luminous, dusty red — the color of a theater curtain.
• Cerulean (#0089BA): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#172732): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Meadow color palette (#F1F5FE, #DED8E2, #D6BAD1, #6770B0, #191E2A)
• Wandering Iris color palette (#F1F5FD, #DDD8E2, #BCB1AA, #7090D7, #2C3544)
• Denim Pier color palette (#EAF5EF, #DFCEDC, #C79EAD, #006485, #002015)
• Hushed Navy color palette (#DCE2E9, #B4BACD, #9F87AE, #003B75, #000104)
• Washed Mint Meadow color palette (#DBFEF6, #67DEAA, #00918A, #006087, #002617)
• Ancient Plum Loft color palette (#EAF8FF, #00ABCD, #BC0082, #3D4400, #011801)
• Hushed Cornflower color palette (#E4EFFF, #3071FE, #361061, #1F171D, #00061A)
• Wandering Amethyst color palette (#DBFFEB, #00BBEF, #6D4AF4, #4F4700, #001931)

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