Hazy Cobalt Balcony color palette — #CCE3E6 · #00AED4 · #007BC9 · #244E9A · #222354

Built around Azure, softened by Indigo — the whole palette hums with trust and stability.

The five colors

• Silver (#CCE3E6): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00AED4): A luminous, balanced blue — the color of deep harbor water.
• Azure (#007BC9): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#244E9A): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#222354): 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 Hazy 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

• Sapphire Meadow color palette (#DCF4FE, #0BA2F4, #2968DA, #3F3F98, #342455)
• Ancient Teal color palette (#D3F9EC, #00B1AD, #008596, #005A7C, #032B4E)
• Muted Summit color palette (#D1F7F6, #0095AD, #005D90, #1E3189, #2F1A53)
• Timeworn Sapphire Meadow color palette (#D6E6FF, #83A8FF, #3D66D9, #1D3D8E, #001244)
• Periwinkle Villa color palette (#CCE1F7, #5DAEFF, #BC7100, #005698, #3D2100)
• Hushed Mallow color palette (#E8F3FF, #CDD1FF, #D298D2, #1F89A2, #243453)
• Amethyst Ridge color palette (#D8E7FA, #8495FF, #7551D5, #673790, #421C42)
• Airy Iris color palette (#D3ECFF, #88B9FF, #868FE2, #6A5E97, #4B4766)

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