Tempered Pine color palette — #FDF6D5 · #B4CC9E · #7BAA6B · #318656 · #4C5049
Built around Fern, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Custard (#FDF6D5): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#B4CC9E): A luminous, dusty green — the color of fresh herbs.
- Moss (#7BAA6B): A luminous, balanced green — the color of fresh herbs.
- Fern (#318656): A full-bodied, balanced teal — the color of sea glass.
- Charcoal Brown (#4C5049): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Antique Emerald color palette (#FFF4DE, #B2BC7A, #5C9246, #2A7157, #3D5138)
- Emerald Boulevard color palette (#F4F6ED, #A5D1AA, #D19EC6, #55A062, #684044)
- Dusty Straw Workshop color palette (#DDFFE8, #D0DF87, #94CB93, #629C80, #34545D)
- Timeworn Parlor color palette (#EFFAE0, #D0E0B8, #6BAC89, #187A58, #12412A)
- Timeworn Petrol color palette (#EDFBDC, #96DACA, #4FB4B0, #00848E, #355943)
- Airy Boulevard color palette (#DCEFDD, #1DB782, #008570, #005C57, #003133)
- Worn Cocoa color palette (#FEF3E7, #D8C9AC, #B29673, #906C50, #584500)
- Fern Garden color palette (#F3F8E5, #CBE2D8, #A9ADBD, #9DB381, #395515)
Browse the whole catalog at Explore, or see today's palette.