Cobalt Loft color palette — #F9EEF5 · #98D2E0 · #0886BA · #005D4F · #092040
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Blush (#F9EEF5): a clean, paper-quiet neutral.
- Sky (#98D2E0): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0886BA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005D4F): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#092040): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Washed Alley color palette (#EBF8F7, #91D1E1, #0085A7, #005F65, #0D4056)
- Azure Loft color palette (#F8EFF3, #C5E0F6, #608ED1, #006C70, #222B43)
- Sapphire Field color palette (#F2E5EA, #95B8D6, #3D65C1, #004A52, #150F31)
- Washed Orchard color palette (#F7E9F1, #408397, #003F63, #00201C, #00000B)
- Soft Peony color palette (#E9E3F6, #C465B9, #00711F, #00686B, #170D28)
- Hushed Denim color palette (#E9DBE2, #58A8C6, #005B97, #003A37, #02022F)
- Mulberry Study color palette (#EAE6FB, #BE6FBE, #008F85, #7D307E, #00221F)
- Nightshade Boulevard color palette (#F9E8ED, #628EB8, #2433B1, #002B32, #050018)
Browse the whole catalog at Explore, or see today's palette.