Celadon Courtyard color palette — #B6FFD3 · #BBE082 · #AFB7FF · #4D465D · #33373F

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

The five colors

• Mint (#B6FFD3): A whisper-light, balanced teal — the color of sea glass.
• Pistachio (#BBE082): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#AFB7FF): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#4D465D): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#33373F): quiet, heavy and certain.

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

• Linen Honey color palette (#EDEA93, #FFC66A, #9CBEFF, #484661, #30363F)
• Muted Thicket color palette (#94FECC, #FFC9BC, #CBC1FF, #4D5161, #2D2E36)
• Chartreuse Pier color palette (#BFFFE6, #C9EE5F, #C2D3FF, #736370, #383236)
• Airy Mallow color palette (#BBF9FF, #76EAC9, #F09BED, #534052, #34313A)
• Ancient Aqua Study color palette (#F7E694, #FFBEB4, #03D4F4, #3C4A60, #2B373C)
• Softworn Terrace color palette (#F2F5FD, #9DCBC1, #5B5881, #373357, #292430)
• Dusty Lime Market color palette (#D1F7F5, #15E03B, #78A6FF, #33205C, #162439)
• Indigo Hollow color palette (#F3F5FB, #B6BEE2, #A66F4A, #6E5FAB, #382930)

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