Tempered Pine color palette — #E0F8F3 · #7DB889 · #007F53 · #574D00 · #002725

Teal and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E0F8F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#7DB889): A luminous, balanced teal — the color of glacier melt.
• Teal (#007F53): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#574D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#002725): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Pine 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

• Olive Drift color palette (#E9F5ED, #A4A375, #616C00, #514616, #002316)
• Olive Coast color palette (#EAF5F1, #A7BB92, #528443, #305F50, #152C27)
• Frosted Jade Ridge color palette (#CBEDE7, #38AE60, #006D47, #134C00, #001C08)
• Hushed Mint Basin color palette (#CFFFE5, #42D08F, #008456, #00472B, #001409)
• Muted Jade Harbor color palette (#F9F7D7, #61B886, #007A6E, #574F4B, #393C35)
• Hushed Station color palette (#D9FAF6, #30B54D, #0089D8, #006F23, #00223C)
• Lagoon Lantern color palette (#BEEFF3, #009977, #007EB1, #6C6300, #001E15)
• Chalky Emerald Delta color palette (#F5F8DC, #83CF97, #009F6B, #706A3B, #1D4429)

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