Cobalt Loft color palette — #ECF9F4 · #8DCDF7 · #C071A1 · #1D89C1 · #321D1E

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

The five colors

• Ivory (#ECF9F4): bright and airy, almost weightless.
• Sky (#8DCDF7): A whisper-light, balanced blue — the color of open sky before noon.
• Dusty Rose (#C071A1): A luminous, balanced pink — the color of neon signs at night.
• Cerulean (#1D89C1): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#321D1E): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Balance. Tagged duotone, muted.

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

• Timeworn Cobalt color palette (#FAF2FB, #98C9FF, #C07B62, #3E83CB, #331F12)
• Ancient Lagoon color palette (#F0F8EF, #8AD4CF, #9881C5, #00948E, #301E26)
• Blush Summit color palette (#EEF7FC, #CBDEFD, #E96DA4, #1397C4, #170E1C)
• Soft Harbor color palette (#FAF2FA, #BBD7FF, #CD92ED, #6DA3EF, #311D23)
• Airy Ultramarine color palette (#F1F6FB, #93B0DB, #8C5894, #115CB8, #252036)
• Muted Sky Summit color palette (#F3F8E0, #7BB7EE, #A173A7, #446F49, #4B3545)
• Feathered Garnet Thicket color palette (#E1F4FF, #B1C4F9, #A585CD, #8C4D7A, #6F192C)
• Washed Ash color palette (#FAF3F8, #E4D8D6, #CCBDB4, #808EB8, #4E444C)

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