Tempered Jade color palette — #FDF4E2 · #84B16E · #007157 · #463C00 · #020A00
Jade and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FDF4E2): A whisper-light, dusty gold — the color of old brass.
- Jade (#84B16E): A luminous, balanced green — the color of fresh herbs.
- Pine (#007157): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#463C00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#020A00): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Aged Parlor color palette (#FFF3E7, #AFA54D, #357012, #004547, #0B0700)
- Weathered Villa color palette (#F7F7E0, #64B499, #006D75, #61223B, #000A06)
- Lagoon Grove color palette (#E7E2C2, #4FA176, #005958, #263000, #000201)
- Jade Delta color palette (#D4E8CD, #00B58B, #006D6A, #003E49, #000E1A)
- Softworn Rust color palette (#E4F4DB, #00A991, #D04300, #005B4D, #140200)
- Washed Field color palette (#FEF4E1, #A9C68D, #038C64, #145970, #0F1D00)
- Frosted Harbor color palette (#CAE6DB, #92B284, #1C9656, #616A21, #0B2100)
- Faded Jade Harbor color palette (#FFF3E2, #CFE392, #4AA86E, #2D7686, #2A3300)
Browse the whole catalog at Explore, or see today's palette.