Tempered Jade color palette — #E7E8BF · #3AAD6D · #006B56 · #31386D · #001C0B
Jade and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#E7E8BF): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#3AAD6D): A luminous, balanced teal — the color of sea glass.
- Pine (#006B56): A full-bodied, balanced teal — the color of sea glass.
- Navy (#31386D): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#001C0B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Balance, 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
- Sunlit Boulevard color palette (#EEE4CA, #82A400, #1A6E07, #004268, #121900)
- Quiet Jade color palette (#D1F5E7, #5EA567, #006A55, #593061, #00390E)
- Patina Bloom color palette (#F6F2E4, #8DAC6E, #427149, #5C3C41, #1E1D06)
- Worn Olive color palette (#EBE8D7, #3D8D30, #005132, #421735, #080800)
- Lagoon Archive color palette (#CEF4F2, #63C099, #008C73, #006485, #003825)
- Chartreuse Pier color palette (#FFF4DB, #8EDB72, #009476, #833D5C, #0D2504)
- Quiet Raspberry color palette (#FAD4E1, #EF018B, #008473, #8C004F, #001B16)
- Timeworn Spruce color palette (#F1F3E7, #BACAA7, #728B6A, #6F5A66, #253800)
Browse the whole catalog at Explore, or see today's palette.