Tempered Pine color palette — #DDE3D5 · #008A5F · #1C5067 · #00432C · #000202

Fern takes the lead with Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#DDE3D5): bright and airy, almost weightless.
• Fern (#008A5F): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#1C5067): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#00432C): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000202): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, 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

• Dusty Olive color palette (#E0DFD0, #5A8402, #005552, #2A4000, #010200)
• Cypress Meadow color palette (#C9EFE7, #007E7D, #005357, #00252C, #000305)
• Worn Onyx color palette (#E0E3C5, #00736F, #004551, #1F005D, #000405)
• Weathered Abyss color palette (#DAE1D6, #9DA89A, #718F73, #005242, #050C01)
• Wandering Teal Ridge color palette (#D6E8D4, #00AD8C, #00938D, #006575, #000505)
• Ultramarine Meadow color palette (#DFF2E9, #008FBD, #2900EE, #004C66, #000010)
• Quiet Emerald Quarry color palette (#D8EFED, #39A255, #006E8F, #006A2B, #000204)
• Fern Harbor color palette (#EDEFDC, #226D00, #002C41, #062500, #000201)

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