Cobalt Garden color palette — #E4F5FF · #72E4E9 · #00B9E1 · #0088DA · #00202B

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

The five colors

• Ivory (#E4F5FF): A whisper-light, dusty blue — the color of deep harbor water.
• Ice Blue (#72E4E9): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00B9E1): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0088DA): A luminous, balanced blue — the color of open sky before noon.
• Midnight (#00202B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, cool.

Use it as a design system

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

• Airy Cabin color palette (#DEF7FD, #7CE5C0, #00BEB1, #0095AD, #001F21)
• Airy Market color palette (#E8FBEF, #5DEEF4, #2CD6FC, #00A0E7, #003A4C)
• Tempered Summit color palette (#E7F4FF, #B1E9FF, #89CAFF, #6B8AE8, #04203D)
• Tempered Navy Field color palette (#D0EAFD, #4B95D1, #006BC7, #003999, #0D1D46)
• Hushed Ridge color palette (#D8EAF7, #00AAC1, #008FC1, #0055B7, #00050C)
• Indigo Courtyard color palette (#E8FBED, #5DE8A1, #00B3D5, #6F6AD7, #01384C)
• Lagoon Boulevard color palette (#EBF4F2, #A8CFDA, #008D94, #005D50, #00262B)
• Antique Amethyst color palette (#EAF3FF, #91C8FF, #7298FF, #7F37FF, #0B0049)

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