Tempered Jade color palette — #DAF9FA · #4DBB8D · #BD738F · #057752 · #301F39

Jade and Pine set the tone — five colors that lean into balance.

The five colors

• Ivory (#DAF9FA): A whisper-light, dusty teal — the color of sea glass.
• Jade (#4DBB8D): A luminous, balanced teal — the color of glacier melt.
• Dusty Rose (#BD738F): A luminous, balanced rose — the color of a warm blush.
• Pine (#057752): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#301F39): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: 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

• Sunlit Field color palette (#DEF8F5, #65BA6E, #A177C9, #35753D, #242342)
• Turquoise Study color palette (#DFF7FF, #00B9C5, #CA6F71, #00737A, #42181A)
• Quiet Iris Terrace color palette (#E1FBFD, #5BB396, #6F87C7, #00785C, #344164)
• Powdered Blush Study color palette (#EEFAE4, #6CCDAE, #D688B4, #279477, #5E314B)
• Frosted Terrace color palette (#D4FBFB, #00A773, #BC5D6C, #93575F, #012425)
• Bronze Hollow color palette (#E7F7EB, #A3B479, #867336, #60414F, #0D2826)
• Patina Bloom color palette (#C7F5F2, #009A97, #D10055, #005856, #31000E)
• Weathered Workshop color palette (#E0F7F7, #C2E1F5, #B4C6F0, #7C8A5D, #183036)

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