Tempered Pine color palette — #F9EAD3 · #7B9254 · #06744B · #5B4400 · #040700
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F9EAD3): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#7B9254): A luminous, balanced green — the color of new leaves after rain.
- Pine (#06744B): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#040700): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, 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
- Patina Lagoon color palette (#F0EACC, #529A6C, #00716B, #673454, #000802)
- Muted Fern Delta color palette (#F3DAC7, #A18536, #556C00, #00544C, #090500)
- Wandering Abyss Hollow color palette (#F1E8D0, #6F8349, #0B4906, #1F1C00, #010100)
- Weathered Hollow color palette (#E8F5DD, #009156, #006D61, #004849, #000B12)
- Charred Fern color palette (#DFF3E3, #4E601B, #00331C, #1C1200, #010100)
- Frosted Plum Villa color palette (#E3F0E3, #009090, #C51A78, #006161, #120007)
- Tempered Bloom color palette (#E3E3D3, #53BD9A, #009099, #516E30, #002117)
- Plum Studio color palette (#CFF6F7, #007F82, #AF2C57, #8C2600, #000202)
Browse the whole catalog at Explore, or see today's palette.