Cobalt Loft color palette — #F9F1E4 · #9FCDF4 · #507CBF · #00596C · #2F1729

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

The five colors

• Cream (#F9F1E4): bright and airy, almost weightless.
• Sky (#9FCDF4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#507CBF): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00596C): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#2F1729): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Cobalt Garden color palette (#F7F1E8, #A6D3C0, #4181B8, #005A63, #0E1F3F)
• Petrol Delta color palette (#EBF8F8, #C0D7EE, #6F98C9, #00769E, #243A61)
• Cerulean Balcony color palette (#ECE3D5, #3598AF, #00506E, #002C2B, #00050D)
• Hushed Station color palette (#F6E6D5, #DA8C24, #246FBB, #784900, #021C39)
• Softworn Bronze color palette (#FFEBD3, #A66F00, #007E7F, #6F4A7F, #1F1000)
• Dusty Station color palette (#FFEFDC, #EDDE8D, #A3BB84, #8E5F47, #2E230D)
• Dusty Chestnut Field color palette (#EDDDCD, #B49356, #875926, #59331F, #1F1704)
• Misty Thicket color palette (#FCDCD2, #E46401, #A35700, #5F3C00, #261C00)

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