Gentle Courtyard color palette — #ECF9EE · #A5EDAC · #00D5DB · #657FC8 · #224334

Aqua and Azure set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Mint (#A5EDAC): A whisper-light, balanced green — the color of fresh herbs.
• Aqua (#00D5DB): A luminous, balanced teal — the color of glacier melt.
• Azure (#657FC8): A luminous, balanced violet — the color of a velvet chair.
• Forest (#224334): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged candy, vibrant, light, cool.

Use it as a design system

One click turns Gentle Courtyard 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 Mint color palette (#EFF9E7, #D9F0A3, #00D4AA, #1E92C0, #2F422C)
• Aqua Balcony color palette (#E6FBF1, #78EEEA, #57CEFF, #8D7AC9, #254840)
• Timeworn Seafoam color palette (#DFF7FF, #5CFFE8, #17D1E0, #4D99B7, #002A39)
• Weathered Cobalt Courtyard color palette (#CFF6D5, #4BBFDE, #0087CD, #2B5D99, #624058)
• Worn Cobalt Pier color palette (#FAF4EE, #BDE7D9, #6A89C9, #006F79, #583F4D)
• Patina Chestnut color palette (#EDF9E2, #A5BDA9, #977D98, #85571C, #4C5100)
• Faded Quarry color palette (#FCF1FE, #9EF5FF, #7AB4FF, #A674BA, #4B3047)
• Airy Bloom color palette (#E6F9FF, #00CDAD, #00A3CB, #6246F3, #002643)

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