Tempered Pine color palette — #F3EEDB · #428A53 · #004F47 · #421B28 · #070900

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

The five colors

• Cream (#F3EEDB): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#428A53): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004F47): A deep, shadowed, dusty teal — the color of glacier melt.
• Espresso (#421B28): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#070900): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, 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

• Washed Dune color palette (#F8E9D6, #77801A, #00531F, #2E2146, #070900)
• Washed Bloom color palette (#E2DFCD, #3EA373, #006261, #4F2B41, #0E1500)
• Antique Lagoon Harbor color palette (#DFE7D4, #3A8A75, #005048, #00324C, #002119)
• Tempered Parlor color palette (#F9DCD3, #C70043, #006755, #6A0020, #000B07)
• Aged Pine Harbor color palette (#FEEFE0, #A6A460, #3F7339, #5B3B4A, #231B03)
• Timeworn Jade Bloom color palette (#DDFDF9, #47BA8D, #006F63, #373660, #000A0A)
• Deep Fern color palette (#F7EED6, #256900, #003227, #200726, #010100)
• Driftwood Station color palette (#F6F1E9, #C8C69C, #768D4B, #735961, #32312A)

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