Tempered Jade color palette — #C2F7F5 · #00B96B · #009FC2 · #9A7900 · #0C3A21
Clover and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#C2F7F5): A whisper-light, dusty teal — the color of glacier melt.
- Clover (#00B96B): A luminous, vivid teal — the color of shallow lagoons.
- Cerulean (#009FC2): A luminous, balanced blue — the color of deep harbor water.
- Ochre (#9A7900): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#0C3A21): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Frosted Cobalt Workshop color palette (#C6EDF2, #00AE94, #0091DD, #7B7D00, #063236)
- Moss Villa color palette (#DFF4C8, #7BAF00, #00A4A3, #B56700, #003A2F)
- Hazy Iris color palette (#E8F8FF, #36B7CB, #7E8DF8, #60965F, #223C46)
- Gentle Seafoam Terrace color palette (#D4FFFC, #ACE0FA, #00E2D0, #66A65A, #224D37)
- Quiet Violet Harbor color palette (#E0F4FA, #009CBC, #7A5EFF, #008545, #002933)
- Wisteria Dune color palette (#EDF6FF, #81B8E4, #BD8DE1, #52A392, #344453)
- Mint Coast color palette (#CDF9CF, #60D16D, #83A8FF, #E8746B, #143A18)
- Tempered Emerald color palette (#DEFFE5, #6BDA8F, #00A452, #00652F, #002C14)
Browse the whole catalog at Explore, or see today's palette.