Tempered Jade color palette — #E4F6F5 · #44AC6F · #5689AC · #4A674B · #102726
Jade and Storm Blue set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E4F6F5): a clean, paper-quiet neutral.
- Jade (#44AC6F): A luminous, balanced teal — the color of sea glass.
- Storm Blue (#5689AC): A luminous, dusty blue — the color of deep harbor water.
- Pine (#4A674B): A full-bodied, dusty green — the color of new leaves after rain.
- Onyx (#102726): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, 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
- Ancient Studio color palette (#E4F7F3, #6DA661, #458DA9, #765262, #132724)
- Softworn Grove color palette (#E0F6FE, #00A9B1, #7F7DAC, #5A6337, #12262C)
- Tempered Seafoam Canyon color palette (#E8F5F6, #7FD8BB, #37919D, #37816B, #09181E)
- Aged Aqua Workshop color palette (#DBF8FF, #65CDD4, #4291A0, #166178, #002F45)
- Muted Teal color palette (#E5F5F8, #00ABA0, #496CA3, #52426A, #0B1B1A)
- Patina Atelier color palette (#D3FAFF, #009078, #2F67C4, #574800, #001913)
- Weathered Workshop color palette (#F3F7E8, #6A9E7B, #8574A8, #854C56, #374300)
- Hushed Drift color palette (#EAF4F6, #D0D8E0, #ACABB7, #5C8C95, #303839)
Browse the whole catalog at Explore, or see today's palette.