Jade Garden color palette — #EBFAED · #CDD49E · #7CB771 · #8A7EBC · #3A3F00

Jade and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBFAED): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#CDD49E): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#7CB771): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#8A7EBC): A luminous, balanced violet — the color of a velvet chair.
• Deep Olive (#3A3F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Airy Dune color palette (#E4FBF4, #A2E0B1, #41BCA5, #A675A7, #114625)
• Soft Jade color palette (#DAE9DF, #ACC487, #54A56C, #8166A3, #212E02)
• Timeworn Ridge color palette (#EFF8F2, #C2E7DC, #89C2BF, #A492AE, #39534C)
• Patina Clover color palette (#DDF1E2, #BBCA68, #50BE4B, #AD4183, #2C3200)
• Soft Villa color palette (#E4FCEF, #D6E18F, #7CA123, #915A53, #0A372A)
• Gentle Studio color palette (#FCF5E2, #BCC080, #7C903F, #A44846, #3C3E00)
• Azure Workshop color palette (#FFE2EF, #FFAD72, #00C4BE, #0096E2, #4C2401)
• Blush Ridge color palette (#FFF0FA, #E7E6C5, #D5E28F, #EC81A7, #653E24)

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