Azure Garden color palette — #FDF1FB · #AAF4FF · #079DDC · #006E47 · #0D1C40

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Sea Foam (#AAF4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#079DDC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E47): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#0D1C40): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Wandering Iris color palette (#FEF1F6, #D7DEFC, #6C8DE7, #006A67, #22143E)
• Weathered Periwinkle Study color palette (#FAF3F7, #D2D5E6, #41AEFD, #0E8263, #212E48)
• Cobalt Boulevard color palette (#FDF2F7, #95D6F4, #3079D7, #005248, #0D0130)
• Patina Bloom color palette (#E0FBFF, #00C5AB, #A86AFD, #007464, #21043E)
• Petrol Alley color palette (#E0ECEA, #7CC0CB, #00788E, #004B4B, #001923)
• Worn Lantern color palette (#E9DCE3, #66ADC7, #00559A, #002C23, #01000A)
• Aqua Grove color palette (#F3EBF4, #57CCC5, #00738A, #074106, #000308)
• Seafoam Courtyard color palette (#D9FFF1, #4DE0B7, #009162, #004232, #000703)

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