Tempered Pine color palette — #F8F6E4 · #A7C78D · #52854C · #005D5F · #0E1D00
Fern and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#A7C78D): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#52854C): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#005D5F): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#0E1D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Emerald Cabin color palette (#F6F7E5, #B7DCB4, #529C6A, #176F7B, #282B02)
- Denim Meadow color palette (#EFF9E6, #7ACDBF, #008885, #0A548A, #001E19)
- Forest Pier color palette (#F5F8E1, #76B289, #00714F, #004353, #000B03)
- Washed Lantern color palette (#F6F6EB, #B9EBDE, #00A5B3, #006B60, #00232A)
- Patina Fern color palette (#D2EBE2, #789853, #27650E, #004748, #043129)
- Moss Orchard color palette (#EFE3D0, #BBC172, #62A44C, #716F9E, #302809)
- Muted Boulevard color palette (#DAE6CB, #4C9F8D, #005A54, #002E4B, #000201)
- Moss Station color palette (#FAF6DF, #C9E3AC, #67A454, #975840, #24350A)
Browse the whole catalog at Explore, or see today's palette.