Jade Workshop color palette — #F4F7EA · #62AB70 · #7D6493 · #714739 · #413D37

Built around Jade, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Jade (#62AB70): A luminous, balanced green — the color of new leaves after rain.
• Slate (#7D6493): A full-bodied, dusty violet — the color of a velvet chair.
• Coffee (#714739): A full-bodied, dusty orange — the color of toasted spice.
• Charcoal (#413D37): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Jade Coast color palette (#F3F7EB, #44AF79, #8D607C, #714359, #6B2E14)
• Tempered Moss Market color palette (#F8F5EB, #A29C33, #626D9F, #6E445C, #573939)
• Wandering Boulevard color palette (#EEF8F0, #13ABB8, #965E66, #674F28, #433F00)
• Pewter Chapel color palette (#EBF9F0, #76BED0, #748CB9, #755D8B, #5E3633)
• Hushed Cocoa color palette (#E4F6F9, #60AC9F, #3E799A, #5D4A02, #112F13)
• Driftwood Quarry color palette (#FEF3EB, #D0BF94, #8C833A, #5C6B58, #654700)
• Wandering Parlor color palette (#FBF3EE, #C5EDEC, #7F9BBF, #607655, #604C57)
• Gentle Orchard color palette (#E6F8E5, #008986, #81335E, #4C3600, #252800)

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