Cobalt Loft color palette — #AAEBF6 · #72B5E3 · #5C7DC1 · #4D4380 · #362348

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

The five colors

• Sea Foam (#AAEBF6): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#72B5E3): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#5C7DC1): A full-bodied, balanced violet — the color of a velvet chair.
• Indigo (#4D4380): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#362348): A deep, shadowed, dusty violet — the color of wild irises.

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

• Nightshade Garden color palette (#C4F3E1, #7FB2E2, #4A72C1, #3F4FAA, #3F3D65)
• Pale Indigo Alley color palette (#E3F2FF, #89A5EB, #7E6EB9, #6A3C74, #432036)
• Feathered Cobalt Workshop color palette (#CBF0E6, #3FB5BD, #0083B1, #1F4B7D, #26294F)
• Chalky Cobalt Summit color palette (#FFECF5, #AFB3F2, #6F70B6, #37356D, #0F0F36)
• Chalky Workshop color palette (#FCEDF7, #959DE3, #B08541, #5559AE, #372300)
• Weathered Bloom color palette (#FFEBFB, #E9D4D2, #F0B4BF, #4B8C9A, #412C38)
• Seafoam Canyon color palette (#F5EFDA, #43EAC0, #6599EB, #2F1B2E, #150F15)
• Pale Lapis color palette (#C7EAFA, #3C85FF, #4A21E8, #4E006D, #2D0026)

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