Cobalt Loft color palette — #F0F7F2 · #AAC9E6 · #4877C4 · #005D71 · #2E3A55

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Sky (#AAC9E6): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#4877C4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005D71): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2E3A55): A deep, shadowed, dusty violet — the color of wild irises.

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

• Worn Field color palette (#EFF8F0, #A4CCDB, #0086A0, #006153, #0F4056)
• Aged Lantern color palette (#F8EFF2, #A2CDEF, #6176C3, #005B5B, #251839)
• Periwinkle Alley color palette (#F1F7F2, #D9DDEE, #719CD2, #3D7886, #46536A)
• Dusty Cerulean Hollow color palette (#DAE8DD, #309EB9, #00506F, #00302F, #001529)
• Muted Workshop color palette (#F3DCF3, #BE515D, #3C7F00, #1158AB, #372338)
• Airy Terrace color palette (#F8E9FA, #D1677C, #008C80, #A10041, #003F39)
• Wandering Basin color palette (#FFEFFF, #F0DBC2, #CBA163, #944C69, #553B4E)
• Worn Chestnut color palette (#DFECDF, #A69666, #855A00, #663602, #16382A)

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