Celadon Courtyard color palette — #CAFF9D · #9DFFEE · #D998EB · #40232A · #190A0E

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

The five colors

• Butter (#CAFF9D): A whisper-light, balanced green — the color of new leaves after rain.
• Sea Foam (#9DFFEE): A whisper-light, balanced teal — the color of sea glass.
• Lavender (#D998EB): A luminous, balanced pink — the color of peonies in June.
• Espresso (#40232A): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#190A0E): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Celadon 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 Chartreuse color palette (#A8FFDB, #5EFC92, #CFBAFF, #341825, #160B10)
• Soft Summit color palette (#9AFEFE, #2BF9DA, #FFA5E2, #3F2123, #0D0404)
• Wandering Fuchsia color palette (#D2EAE5, #FDAD22, #EA72C9, #534A60, #1C1624)
• Tempered Petal Orchard color palette (#C0FBFF, #F1CEFF, #CEC4CE, #503039, #26191D)
• Fuchsia Balcony color palette (#4AFAFF, #C5E0FF, #EB79CC, #410535, #0C0001)
• Magenta Delta color palette (#C2F0F2, #9CDD2E, #D048EB, #362538, #191722)
• Lilac Drift color palette (#FFF0F8, #9E87FF, #009BAF, #00659C, #210E19)
• Rose Market color palette (#E9EDE0, #EB8F00, #FF4981, #2E100A, #0F0504)

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