Tempered Pine color palette — #FDF4E3 · #A6C883 · #058C62 · #6E3F59 · #101D00
Built around Fern, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
- Pistachio (#A6C883): A luminous, balanced green — the color of new leaves after rain.
- Fern (#058C62): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#6E3F59): A full-bodied, dusty rose — the color of a warm blush.
- Ink (#101D00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, 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
- Softworn Lagoon Garden color palette (#FAF6DD, #86CDA4, #008885, #365374, #001F0F)
- Lagoon Field color palette (#FAF5E7, #B5DDAD, #439C86, #825651, #282A0A)
- Hushed Garnet Ridge color palette (#FBF5E1, #7CB184, #006F64, #61242F, #000B02)
- Jade Atelier color palette (#D2EBE4, #9AC79E, #34A77E, #5E73A7, #063210)
- Ancient Mulberry Basin color palette (#FFF1F1, #FF8DC7, #00A57A, #9B2069, #001E14)
- Weathered Corridor color palette (#E1E0CE, #5E9F66, #006548, #28375E, #111400)
- Tempered Meadow color palette (#DAE9DD, #7F9559, #006540, #5F2743, #0A3028)
- Aged Taupe color palette (#FFF3E7, #D8E3BC, #8EA781, #876D7E, #3B3831)
Browse the whole catalog at Explore, or see today's palette.