Tempered Jade color palette — #DDECD9 · #20B470 · #007D69 · #005857 · #002E36
Built around Jade, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DDECD9): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#20B470): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007D69): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005857): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#002E36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
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 Summit color palette (#D4F6E5, #00C29E, #007E6D, #005F59, #004645)
- Moss Coast color palette (#F0F1DE, #7DAC32, #008134, #00543E, #002E2A)
- Muted Atelier color palette (#DBE7DD, #009D7D, #00655D, #003E44, #001B24)
- Teal Thicket color palette (#DCEDE6, #00B5B5, #008394, #004A60, #00264A)
- Pale Crimson color palette (#E5F9DD, #00B09D, #E23A56, #006A5E, #44000F)
- Powdered Emerald Coast color palette (#E2FADE, #CCE6FF, #A2BCFF, #119345, #003237)
- Chalky Brick color palette (#CBF0D1, #00949E, #C23382, #B70909, #001C1F)
- Chalky Nightshade color palette (#C4E7EC, #0096B9, #00609B, #0C00B8, #1C005C)
Browse the whole catalog at Explore, or see today's palette.