Jade Garden color palette — #F6F6E8 · #C0E1AD · #DAB7EE · #8CB773 · #67404C

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

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Celadon Mist (#C0E1AD): A whisper-light, dusty green — the color of a quiet forest floor.
• Lavender (#DAB7EE): A whisper-light, balanced violet — the color of a velvet chair.
• Sage (#8CB773): A luminous, balanced green — the color of new leaves after rain.
• Cocoa (#67404C): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Jade 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

• Taupe Lantern color palette (#FCF4E8, #EDD19C, #B5C4FD, #C5A362, #5F4258)
• Softworn Teal color palette (#EFF9EB, #9EE5D7, #F9AFBE, #59BCAB, #65433D)
• Seafoam Quarry color palette (#F6F7E0, #A9D698, #D1ADEA, #D090A3, #42433C)
• Moss Harbor color palette (#F5F6EC, #B7EEDB, #91D5FE, #69AE59, #264F41)
• Softworn Emerald color palette (#E7FAF6, #AAD19D, #80BADA, #6D9B5D, #345165)
• Weathered Fern Courtyard color palette (#F6F7E2, #CBE4D6, #9EC4D1, #C5B695, #4B560A)
• Weathered Cocoa color palette (#FFF3E8, #EAD6B9, #CEAF93, #AE8975, #584500)
• Soft Mint color palette (#E4F5DA, #49DABA, #EF8FA7, #00A98D, #581F30)

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