Gentle Courtyard color palette — #DDEBC7 · #3FEAA1 · #FF65C6 · #008B5A · #55003C

Bubblegum and Lagoon set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DDEBC7): A whisper-light, dusty green — the color of a quiet forest floor.
• Lagoon (#3FEAA1): A whisper-light, vivid teal — the color of shallow lagoons.
• Bubblegum (#FF65C6): A luminous, vivid pink — the color of neon signs at night.
• Fern (#008B5A): A full-bodied, balanced teal — the color of glacier melt.
• Mulberry (#55003C): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Energy. Tagged vibrant.

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

• Peony Balcony color palette (#D5EEC8, #39E7C9, #E95891, #009E88, #59002C)
• Kinetic Fuchsia Coast color palette (#E4E9BF, #77E76C, #EB66FE, #1E8D14, #4C0056)
• Patina Peony Studio color palette (#E2E9C7, #2ED15D, #EA3796, #006D28, #570032)
• Powdered Lagoon color palette (#DBFDFF, #2EE0B0, #E300DE, #007E61, #370036)
• Coral Grove color palette (#CFE5D3, #00C6D4, #FF6863, #00939E, #4F0B0D)
• Worn Lagoon color palette (#F1F8EB, #C8DDB6, #F3AFD4, #2FC39D, #663F55)
• Weathered Lantern color palette (#F1E5B8, #CCD332, #9F99FF, #777B00, #2E007F)
• Plum Corridor color palette (#D2E3D9, #28AF77, #AB0089, #005B3A, #2C0022)

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