Cobalt Loft color palette — #F8EAEF · #A5C9E9 · #6283CF · #006A75 · #2C2653

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

The five colors

• Blush (#F8EAEF): bright and airy, almost weightless.
• Sky (#A5C9E9): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#6283CF): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006A75): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#2C2653): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Cerulean Harbor color palette (#F8E9F4, #93D1D5, #0094B9, #006F4F, #003051)
• Frosted Station color palette (#FCF4EB, #CFE9FF, #5A8AFF, #006873, #1D1542)
• Muted Periwinkle Terrace color palette (#E1F3F2, #ADD9FF, #5AA7FF, #008AB8, #1A2D50)
• Dusty Cerulean color palette (#EAF3FF, #CED4FF, #D19AC6, #008AA6, #262D51)
• Airy Azure Bloom color palette (#FFF0FB, #98EAFA, #4AA6D5, #00856F, #164072)
• Feathered Cobalt color palette (#EDF0E7, #8CBDAE, #0569BB, #004C66, #152D54)
• Airy Navy color palette (#BDE9EC, #00A5D2, #007EBA, #1B499E, #22255F)
• Patina Harbor color palette (#E1EEFF, #2E84F2, #A86B00, #646A0F, #0A1F3C)

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