Cobalt Loft color palette — #F5F1EB · #9DCFEB · #1881CC · #005A63 · #2F152D

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Sky (#9DCFEB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#1881CC): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A63): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#2F152D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Hushed Cerulean Basin color palette (#F7F1E7, #98D2E0, #0088B2, #005C57, #00271F)
• Softworn Azure color palette (#EFF8F0, #A2DEFE, #569BD8, #007A86, #283A5C)
• Muted Cerulean color palette (#ECE5D9, #3E99A2, #005265, #002C26, #00050A)
• Weathered Raspberry Workshop color palette (#FFDBD5, #BD5374, #607A00, #006095, #240B08)
• Ultramarine Ridge color palette (#F0E8DC, #67A3D1, #0753B1, #003844, #050030)
• Misty Mulberry Thicket color palette (#FFE1DE, #D46894, #00907C, #902358, #00221C)
• Dusty Thicket color palette (#FFEDEA, #FFC8BE, #DE9F6F, #8D597B, #321B13)
• Washed Chestnut Studio color palette (#F0DDCA, #AE946A, #915400, #5D3019, #211600)

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