Tempered Jade color palette — #E7FAF8 · #6AA87E · #487694 · #684370 · #57364A
A conversation between Jade and Charcoal Brown, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7FAF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#6AA87E): A luminous, balanced teal — the color of glacier melt.
- Slate (#487694): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#684370): A full-bodied, balanced pink — the color of peonies in June.
- Charcoal (#57364A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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
- Antique Petrol color palette (#EAF8FB, #5CA79F, #616DA0, #744251, #504016)
- Timeworn Oat color palette (#E0FCFB, #A8CCD2, #7A95A5, #736D81, #5B4C5D)
- Muted Lagoon Study color palette (#CFFCFF, #7CC4B8, #2E999B, #17707A, #345465)
- Cocoa Atelier color palette (#EAF8FF, #3C95AF, #73538B, #743118, #2C3F17)
- Garnet Drift color palette (#E2F6FC, #00888B, #4D4793, #6B102C, #342B00)
- Softworn Grove color palette (#FAF4EA, #C1B07C, #4599AF, #9C4F47, #45423B)
- Lagoon Orchard color palette (#E2F6F8, #2B9071, #274148, #1C2C2D, #0E1719)
- Cocoa Boulevard color palette (#EDF4EC, #B7966C, #4575A3, #694300, #382200)
Browse the whole catalog at Explore, or see today's palette.