Tempered Pine color palette — #D8EADD · #9CAD75 · #42824E · #584E76 · #043127

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D8EADD): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9CAD75): A luminous, dusty green — the color of fresh herbs.
• Fern (#42824E): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#584E76): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#043127): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Ancient Cypress color palette (#CFECE1, #87B18A, #10856B, #045F73, #103115)
• Patina Olive color palette (#DDF2DE, #B2B05F, #56882C, #534F9D, #323000)
• Hushed Lagoon Station color palette (#E9FAF1, #8CC1B5, #44926B, #60607F, #163D36)
• Cypress Loft color palette (#E2F5ED, #71A070, #007258, #573661, #012203)
• Ancient Forest Balcony color palette (#E5E6D8, #6E986E, #006637, #004650, #113112)
• Hushed Emerald color palette (#D0ECE4, #9BC894, #2EAB5C, #1C8390, #00312C)
• Tempered Mulberry Market color palette (#E1DAF0, #E381D2, #399C4F, #8B177D, #00330E)
• Frosted Fern color palette (#D6E8D6, #8D863A, #3C5E02, #362D68, #121000)

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