Tempered Pine color palette — #E7E3C3 · #849400 · #1C7105 · #004F2B · #002820

Olive takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#E7E3C3): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#849400): A luminous, balanced green — the color of fresh herbs.
• Olive (#1C7105): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004F2B): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Forest (#002820): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Gentle Olive color palette (#DBE5CE, #5A8B14, #225600, #013807, #00240C)
• Muted Amber Lagoon color palette (#F0E6DB, #B38800, #6B6800, #354400, #082A00)
• Faded Emerald color palette (#E5EBDE, #00AA57, #006E58, #004D47, #002226)
• Patina Emerald Terrace color palette (#E9EBB4, #A5C482, #5B9F65, #228062, #004E49)
• Clover Boulevard color palette (#DEE5D8, #00C775, #008F69, #005F58, #00373E)
• Turquoise Study color palette (#DEF7DA, #68D9C2, #4DB2E1, #6D6A00, #002E1D)
• Byzantium Cabin color palette (#CBF9F2, #56AE52, #A843AA, #0A540A, #310032)
• Wandering Tangerine Quarry color palette (#F4E2F0, #FF763B, #00905D, #002414, #000A0A)

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