Azure Garden color palette — #D9E8E6 · #7FCDE5 · #00A0CF · #007B86 · #002234

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

The five colors

• Frost (#D9E8E6): bright and airy, almost weightless.
• Sky (#7FCDE5): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#00A0CF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007B86): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002234): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Azure 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

• Aged Market color palette (#DEF1F1, #A1C4E6, #4B92EF, #0076A3, #091B47)
• Quiet Cerulean color palette (#DCEEF9, #B9BEF9, #B29DE7, #0095B5, #04243C)
• Worn Quarry color palette (#F8E8F2, #81BBCE, #0A7CB8, #005A51, #081C47)
• Wandering Turquoise color palette (#C7F5F8, #00A8BA, #00869F, #006781, #002230)
• Pale Moss Bloom color palette (#D2E6F2, #00ADD1, #7E9C00, #007D98, #161E00)
• Sky Terrace color palette (#DEF2FF, #3DB9FF, #008DC5, #005C82, #000E19)
• Pale Violet color palette (#DDF0F9, #009AC7, #8C66E5, #008A5E, #00141E)
• Quiet Turquoise color palette (#E6FAF6, #7EF0EB, #00C2CA, #009A85, #003A42)

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