Tempered Jade color palette — #FFF0F8 · #82B879 · #428386 · #615272 · #344D4D
Built around Jade, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Jade (#82B879): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#428386): A full-bodied, dusty teal — the color of sea glass.
- Graphite (#615272): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal (#344D4D): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Tempered Jade 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
- Softworn Marigold Station color palette (#FFF1F5, #C1A554, #58835F, #5F5177, #394D44)
- Teal Ridge color palette (#FFF0FB, #42BDB4, #4A7CA7, #6C4F64, #374B54)
- Washed Summit color palette (#F8EDFC, #A2B382, #37868A, #724054, #133230)
- Weathered Courtyard color palette (#FAF2F8, #D5D6EE, #6BA2B6, #41797B, #445563)
- Jade Lantern color palette (#E6FAF7, #67AB69, #656AA4, #744154, #543750)
- Fern Lagoon color palette (#FFF2EF, #B0C795, #5F9EA5, #8B6074, #3F4F03)
- Timeworn Powder Courtyard color palette (#E1FCF5, #98CDD6, #7D95A4, #7F6C7D, #554854)
- Emerald Hollow color palette (#FFF0FA, #00A570, #006B82, #791E38, #003F38)
Browse the whole catalog at Explore, or see today's palette.