Cobalt Balcony color palette — #EFF6FF · #A0C7FD · #9682C2 · #5381C2 · #202235

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#A0C7FD): A whisper-light, balanced blue — the color of deep harbor water.
• Slate Blue (#9682C2): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#5381C2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#202235): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Cobalt Balcony 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

• Peony Terrace color palette (#F3F4FF, #D3B3FB, #BE71A6, #8E6FB3, #282032)
• Weathered Azure color palette (#ECF7FC, #8AD2DD, #4097D3, #0091A0, #192530)
• Weathered Lilac color palette (#F9F3F9, #DBDAF5, #9D8DED, #5A8BCF, #1B0D15)
• Hushed Driftwood Loft color palette (#FFF0FC, #B4A7E4, #9C75AC, #8C5049, #393B54)
• Muted Pier color palette (#F1F5FC, #DCD9E3, #C3BDCA, #7C8DBF, #414854)
• Hushed Pewter color palette (#EEF6FD, #7FB7D6, #925394, #006890, #252034)
• Misty Aubergine color palette (#F3F4FF, #BBB5FA, #9A85C8, #7B4F97, #5D206D)
• Periwinkle Boulevard color palette (#F1F5FF, #979EE2, #9E6D98, #006D64, #003D59)

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