Cobalt Loft color palette — #F8F5EF · #C3E5DB · #6089D4 · #096D86 · #583E50

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#C3E5DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#6089D4): A luminous, balanced violet — the color of wild irises.
• Peacock (#096D86): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#583E50): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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 Chapel color palette (#F9F4ED, #C4E6D2, #4194BE, #007170, #285047)
• Hushed Iris Quarry color palette (#F7F1E9, #BDE7DA, #7989C8, #29696A, #3C232E)
• Hazy Cornflower Pier color palette (#FBF4EA, #A0D5FE, #317DE2, #006477, #303B6D)
• Patina Periwinkle color palette (#FCF2F5, #D8DDFB, #94A1D8, #37898B, #434560)
• Frosted Rose color palette (#EFF8EE, #3EB4AF, #D06073, #007571, #5C382F)
• Denim Balcony color palette (#EBE3D7, #6DA9B8, #006080, #003E3B, #00213A)
• Navy Loft color palette (#EBE5DB, #5588A1, #003F69, #002226, #000623)
• Weathered Petrol Cabin color palette (#FEF4E3, #75C6D3, #007999, #00574E, #003753)

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