Azure Garden color palette — #FCF3EF · #CDF0D5 · #00A0D0 · #006C54 · #001F3D

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Honeydew (#CDF0D5): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#00A0D0): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006C54): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#001F3D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Dusty Courtyard color palette (#FBF4ED, #C3F1E5, #778CDB, #006778, #211341)
• Tempered Market color palette (#FCF3EF, #C2E1EC, #6DAEDC, #008074, #1A2D52)
• Hushed Aqua color palette (#E9EBDB, #58C5D4, #00788D, #004B4B, #001922)
• Cobalt Meadow color palette (#FCF3ED, #AAD8C3, #217DCF, #005150, #050036)
• Dusty Iris Hollow color palette (#FFF0FA, #7D88E6, #9E7E00, #776D00, #07052C)
• Denim Workshop color palette (#F2E5DC, #81AE97, #005890, #002C29, #00000C)
• Antique Cerulean color palette (#FBF4ED, #C6DFEE, #9CBBF4, #00939E, #553248)
• Washed Cobalt Harbor color palette (#FFF0FC, #E6D7E0, #F8AECD, #0092DC, #321326)

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