Tempered Jade color palette — #F2F7EB · #71E5AF · #00B8C0 · #00B178 · #0F1C11
Jade and Lagoon set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F2F7EB): a clean, paper-quiet neutral.
- Lagoon (#71E5AF): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#00B8C0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Jade (#00B178): A luminous, balanced teal — the color of glacier melt.
- Ink (#0F1C11): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Trust, Stability, Calm, Balance. Tagged duotone, 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
- Gentle Veranda color palette (#F0F8EF, #49E4E0, #00B3DE, #00ACA8, #0A1D14)
- Dusty Clover color palette (#F8F5EA, #C7D37B, #14C073, #93A001, #161B0A)
- Quiet Aqua color palette (#EFF1DA, #00D5CD, #00AAC1, #6D6CAC, #1F3721)
- Misty Teal Delta color palette (#E0E8DC, #00C5A5, #0092A9, #008A73, #000502)
- Worn Harbor color palette (#9BF9EB, #5CD9D6, #00B4C0, #008497, #003545)
- Olive Veranda color palette (#F5F6EC, #88C970, #008BBE, #368700, #001E14)
- Soft Cerulean color palette (#E9F9F6, #A4E492, #1B94CC, #508641, #00060E)
- Teal Terrace color palette (#F3F6F0, #CDDFD8, #AEC7C0, #63B19D, #363D31)
Browse the whole catalog at Explore, or see today's palette.