Tempered Pine color palette — #FFF3E4 · #9FAB49 · #007332 · #5C2250 · #070800
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Moss (#9FAB49): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007332): A full-bodied, balanced green — the color of a quiet forest floor.
- Mulberry (#5C2250): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#070800): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, 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
- Marigold Chapel color palette (#FFF2EA, #C49B43, #5B6700, #462E61, #0D0600)
- Washed Jade color palette (#FCF5DE, #74B47A, #006F62, #652030, #000B01)
- Wandering Jade color palette (#FBF5E4, #7BB378, #00705F, #004160, #000B00)
- Wandering Atelier color palette (#EBE0C7, #6C9D59, #005B48, #4F0C2A, #000200)
- Feathered Atelier color palette (#FFF4DF, #A5C87F, #008C63, #624172, #1B1900)
- Weathered Olive Parlor color palette (#E5F4EB, #688634, #005328, #352251, #141F00)
- Faded Magenta color palette (#FFE7EA, #D656CB, #009161, #82007B, #000B05)
- Worn Olive color palette (#F3E7D9, #807F0F, #074909, #1E0D42, #020100)
Browse the whole catalog at Explore, or see today's palette.