Azure Garden color palette — #DFF2FF · #009CD0 · #BA6263 · #7F5800 · #0F293A

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

The five colors

• Frost (#DFF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#009CD0): A luminous, balanced blue — the color of deep harbor water.
• Mocha (#BA6263): A full-bodied, balanced orange — the color of autumn markets.
• Coffee (#7F5800): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#0F293A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Soft Periwinkle Courtyard color palette (#E2F0FF, #44A7FF, #AC5028, #715F19, #182838)
• Muted Boulevard color palette (#DAF4FC, #00A3A9, #B16193, #92491E, #042B36)
• Sunlit Periwinkle color palette (#EEF6FF, #4CA1FF, #BC7E64, #767132, #253446)
• Worn Thicket color palette (#EBF2FF, #7389FF, #AD4B72, #684A00, #003425)
• Softworn Iris Alley color palette (#E7EEFF, #7A7CFF, #AA732F, #556A1A, #1F2638)
• Wandering Chestnut Field color palette (#DEF2FC, #007E94, #815800, #584000, #002B3B)
• Frosted Thicket color palette (#DCF7E1, #759DFF, #8865AB, #6E4F1D, #262F49)
• Patina Workshop color palette (#F1F8E7, #52B487, #C76F43, #7D5800, #111802)

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