Jade Garden color palette — #F7F6E7 · #CDE2C8 · #7DAC80 · #887446 · #393932

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

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Celadon Mist (#CDE2C8): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#7DAC80): A luminous, balanced green — the color of a quiet forest floor.
• Walnut (#887446): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal (#393932): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, 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

• Patina Driftwood Quarry color palette (#F9F5EC, #C4E0CC, #ACB484, #A0813C, #564400)
• Sunlit Grove color palette (#F9F6E4, #CAE3AC, #69A452, #677224, #243505)
• Softworn Basin color palette (#ECF9F5, #93BD8A, #567E5E, #496050, #2F4844)
• Dusty Alley color palette (#E2E3CA, #6C9C6F, #005D35, #332B00, #000200)
• Faded Basin color palette (#F4F8E2, #94CB93, #1CBFD5, #B88833, #2A2E0F)
• Abyss Hollow color palette (#F3F9DF, #6EB390, #007158, #00491D, #000B04)
• Hushed Lagoon Lagoon color palette (#F6F6EF, #BEE0E3, #77CBCD, #00987F, #07484F)
• Frosted Moss color palette (#F6F7E7, #BCE1AA, #74C6F2, #5B9E31, #003E57)

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