Tempered Jade color palette — #DEFCFB · #13BB74 · #2A4D50 · #102222 · #020606

Clover and Charcoal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DEFCFB): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#13BB74): A luminous, vivid teal — the color of sea glass.
• Charcoal (#2A4D50): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#102222): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#020606): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Mint Coast color palette (#D2EAE9, #60C189, #56767B, #3B4E4D, #0F1B19)
• Patina Pier color palette (#E8F8FF, #00B2C1, #304A58, #0E2128, #010609)
• Ancient Moss Bloom color palette (#E1FDF0, #A6A400, #2B4E44, #11231B, #030704)
• Wandering Lagoon Pier color palette (#C9F8FF, #00937F, #003332, #272022, #000A0C)
• Ancient Orchard color palette (#E7F9FF, #00D4DE, #89A7F3, #789F63, #0D303A)
• Seafoam Orchard color palette (#DAFFF0, #5FFBDE, #00C3B4, #0E7D79, #0B424F)
• Mustard Orchard color palette (#E3FAFE, #70EDDA, #DDB558, #389C8E, #473507)
• Shadow Denim color palette (#D2E0EE, #00649F, #291F21, #01102F, #000104)

Browse the whole catalog at Explore, or see today's palette.