Cobalt Loft color palette — #E5F2F1 · #A6C9E5 · #238CD8 · #006883 · #0C2E55

Azure takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E5F2F1): bright and airy, almost weightless.
• Sky (#A6C9E5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Azure (#238CD8): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006883): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#0C2E55): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Antique Periwinkle color palette (#EDF8F7, #BFD7F1, #6697DB, #0075A3, #273962)
• Weathered Courtyard color palette (#F3F8E8, #CCEAFF, #4698DD, #006682, #011E41)
• Washed Cerulean Atelier color palette (#E6F2EF, #A4CCD7, #0098A2, #006D60, #00353D)
• Sapphire Station color palette (#F5EBEF, #83B9DB, #1D62CA, #004F53, #282852)
• Aged Cerulean color palette (#EFF7F7, #D8DBEA, #95B4D7, #3B91B5, #42546C)
• Softworn Hollow color palette (#D7EDEB, #69ADC3, #007095, #004951, #001624)
• Patina Plum color palette (#E5D9EB, #DF6D97, #5282E4, #B40062, #0B245A)
• Patina Harbor color palette (#EDD5F2, #CB5D77, #A66D00, #7E42C4, #3D0618)

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