Tempered Jade color palette — #F5F7E9 · #B4EFDC · #92D5FF · #64AF5B · #225041
Jade and Sky set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F5F7E9): a clean, paper-quiet neutral.
- Mint (#B4EFDC): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#92D5FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Jade (#64AF5B): A luminous, balanced green — the color of a quiet forest floor.
- Forest (#225041): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Calm, Softness. Tagged light, muted, 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
- Hushed Thicket color palette (#FBF5E5, #CDECBC, #7EDEE5, #A79D35, #2E4F35)
- Tempered Jade color palette (#F1F7ED, #B6F5DF, #B5CBFF, #00B48F, #374568)
- Timeworn Driftwood color palette (#F2F7ED, #BCE4CD, #749152, #1A5140, #191D15)
- Dusty Hollow color palette (#F4F7EB, #BEE0DB, #C4C0CA, #9ABA87, #475811)
- Aged Jade Dune color palette (#F4F7EA, #C2F4CC, #FDBB92, #4BB26A, #4B4540)
- Wandering Jade color palette (#F5F6EB, #B6E4AD, #D4B6FF, #81BA77, #60434F)
- Powdered Market color palette (#EAFBEA, #97E4E5, #C9BD6D, #009DA0, #413900)
- Gentle Archive color palette (#E0F5DE, #00A7A3, #7F53F2, #005957, #090022)
Browse the whole catalog at Explore, or see today's palette.