Tempered Jade color palette — #F7E9F8 · #4EB280 · #124379 · #0A223E · #1C121D
Jade and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F7E9F8): A whisper-light, dusty pink — the color of a candy shop window.
- Jade (#4EB280): A luminous, balanced teal — the color of glacier melt.
- Navy (#124379): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#0A223E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#1C121D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Jade Archive color palette (#DDF5E9, #6DAE6A, #004A62, #00291B, #001313)
- Wandering Navy color palette (#F2E4F1, #B89C62, #244677, #021A3F, #0A020B)
- Petrol Bloom color palette (#E4F0FF, #CFB06E, #3D649C, #213654, #091628)
- Cobalt Villa color palette (#F4EBF3, #E8C18B, #6287C9, #36558C, #1E111D)
- Muted Blush color palette (#FFF0F8, #ED9192, #4F4783, #412234, #261718)
- Ancient Pewter Orchard color palette (#FBF2F6, #EBD4D0, #C6ABB1, #685B85, #41373B)
- Faded Iris Station color palette (#FFF0F9, #9087FB, #8B3487, #4A3F97, #261115)
- Tangerine Cabin color palette (#FFF1F1, #EB8240, #762352, #3F142B, #241206)
Browse the whole catalog at Explore, or see today's palette.