Cobalt Loft color palette — #B8FAFF · #67B4DC · #3E78CE · #463885 · #35104C

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

The five colors

• Sea Foam (#B8FAFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#67B4DC): A luminous, balanced blue — the color of open sky before noon.
• Azure (#3E78CE): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#463885): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#35104C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Chalky Balcony color palette (#EAF6FF, #67B4FA, #537BB6, #3C4C82, #4B2663)
• Gentle Indigo color palette (#CFEEFF, #90B6F0, #7663C0, #632F72, #45012D)
• Sunlit Navy color palette (#CBFFEB, #59BEBF, #0088AD, #0F4B8B, #181657)
• Indigo Bloom color palette (#E5F7EA, #46ABC6, #5860B7, #564400, #122533)
• Dusty Lapis Villa color palette (#D2E2E8, #2599FC, #580DF5, #470075, #22001B)
• Wandering Cobalt color palette (#E5F0FD, #2775CC, #292F4C, #0A1725, #03070A)
• Tempered Alley color palette (#ECF3F7, #D6D7E2, #C0BACE, #337F99, #242E34)
• Forest Corridor color palette (#D2EFF7, #A0B7CA, #8187A5, #3B6049, #173F3C)

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