Tempered Jade color palette — #EFF8F0 · #B7E8E9 · #7FAD6F · #7C708C · #263E35

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

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Sea Foam (#B7E8E9): A whisper-light, dusty teal — the color of sea glass.
• Jade (#7FAD6F): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#7C708C): A full-bodied, dusty violet — the color of wild irises.
• Forest (#263E35): A deep, shadowed, dusty teal — the color of sea glass.

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

• Teal Cabin color palette (#EFF7F4, #C3DCF5, #81BDA8, #917F92, #354B49)
• Emerald Ridge color palette (#EDF9EF, #CED69D, #5C9C51, #4B6D53, #132E25)
• Worn Basalt color palette (#FAF5EA, #DAD9A2, #A9B281, #A08C7B, #514000)
• Airy Teal color palette (#DFFCF7, #90EFCD, #00A7A7, #9C543D, #003829)
• Ancient Basalt color palette (#FCF4E6, #B2B384, #687B4F, #754F43, #504100)
• Weathered Powder Garden color palette (#FAF3F7, #D6D4E1, #67C6FE, #339483, #2E4058)
• Hazy Periwinkle color palette (#E0FEEB, #D2BA57, #88A5FF, #AA7CC5, #1A3123)
• Wandering Taupe Market color palette (#E6FBEF, #A7E5E6, #C1BCC6, #C09774, #374D45)

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