Tempered Pine color palette — #DFE2BB · #82BD81 · #008A43 · #005F3D · #22300E

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

The five colors

• Celadon Mist (#DFE2BB): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#82BD81): A luminous, balanced green — the color of new leaves after rain.
• Fern (#008A43): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#005F3D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#22300E): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Pale Terrace color palette (#F5EBCC, #A3A94C, #718400, #3D5904, #302F05)
• Teal Boulevard color palette (#E5F6D5, #49B8A3, #00877B, #005856, #1B381E)
• Amber Basin color palette (#F1F4E4, #7BB47D, #D46D26, #277731, #3B1F07)
• Chalky Clover color palette (#DEE8B3, #82B851, #198C52, #156851, #1E4F5A)
• Lagoon Grove color palette (#E7F9DB, #7BD4B7, #008D74, #004E3C, #001B14)
• Muted Jade Pier color palette (#C6E9D3, #00A67F, #006F59, #004138, #001C1B)
• Worn Bronze Lantern color palette (#FAF1E1, #BBA985, #8A7235, #61471B, #282210)
• Antique Cobalt color palette (#E7F8E1, #0DA491, #1F84D0, #69712A, #162210)

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