Cobalt Loft color palette — #EAF9F8 · #A9C9E8 · #4979B9 · #005A7D · #28395D

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

The five colors

• Ivory (#EAF9F8): bright and airy, almost weightless.
• Sky (#A9C9E8): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#4979B9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005A7D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#28395D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, 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

• Cerulean Bloom color palette (#EFF7F6, #A1CDDD, #00879B, #00605D, #074151)
• Hushed Cobalt Drift color palette (#FCEDF2, #A2CDF2, #647AB0, #005A64, #171D3D)
• Antique Periwinkle Harbor color palette (#EFF7F7, #D8DBEC, #729DCA, #43768D, #455467)
• Muted Cerulean color palette (#DAEAE8, #4F9BB2, #00516B, #002F34, #001624)
• Lagoon Market color palette (#FCF2F5, #C6E4FF, #9DAFE9, #379D9D, #40315A)
• Airy Teal color palette (#DBF2E8, #00B898, #007F74, #005956, #083C4E)
• Frosted Lapis Corridor color palette (#CBEAFA, #0088A0, #6150DD, #006E30, #083040)
• Dusty Bronze Boulevard color palette (#D7F5FA, #00A493, #987200, #00655A, #453200)

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