Cobalt Loft color palette — #D4E2E1 · #86B7D9 · #0087E0 · #006886 · #001331

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

The five colors

• Silver (#D4E2E1): bright and airy, almost weightless.
• Sky (#86B7D9): A luminous, dusty blue — the color of deep harbor water.
• Azure (#0087E0): A luminous, vivid blue — the color of a favorite pair of jeans.
• Peacock (#006886): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001331): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cerulean Archive color palette (#E5F3F1, #67BFCF, #0092AF, #006C6F, #001721)
• Soft Ultramarine color palette (#F7E4EB, #5CABDA, #005ED4, #00494D, #10073C)
• Wandering Periwinkle Balcony color palette (#E6F1F0, #A7DBF9, #46ADF3, #008CAA, #042F54)
• Tempered Navy Study color palette (#FBE6EE, #5B91B3, #223E9D, #002C2A, #060016)
• Tempered Peony color palette (#E7D9EF, #EE3497, #1479F8, #B0006A, #000E2A)
• Aqua Drift color palette (#EFF7F6, #CCE0FA, #67CEE5, #3EABA7, #314C5A)
• Feathered Crimson Parlor color palette (#F3D9DA, #E41951, #976C00, #8B29C6, #170003)
• Aged Bronze Villa color palette (#DBEAD9, #B08841, #976000, #713E00, #110A00)

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