Tempered Pine color palette — #F6F2E4 · #929243 · #007942 · #004B4E · #00251D
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F6F2E4): bright and airy, almost weightless.
- Moss (#929243): A luminous, balanced green — the color of fresh herbs.
- Pine (#007942): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#00251D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. 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
- Tempered Moss Hollow color palette (#F3F3E3, #709C54, #00756B, #004665, #281C00)
- Muted Amber color palette (#F8F0E7, #BE7E1B, #547000, #004C41, #35110A)
- Driftwood Lagoon color palette (#F7EACA, #BCB490, #8D8F68, #4D624F, #223B2D)
- Antique Workshop color palette (#E3E2C9, #598000, #005A4A, #003240, #170C00)
- Antique Cabin color palette (#F5F2E5, #ABBA90, #5D8146, #744B01, #2A2816)
- Navy Boulevard color palette (#DCE5D3, #007E5F, #004F5E, #021A6B, #0B0C00)
- Tempered Marigold Harbor color palette (#EBFAED, #CC9C38, #658E49, #176C64, #532C1F)
- Softworn Veranda color palette (#FFF1F6, #C67000, #00736E, #394475, #402849)
Browse the whole catalog at Explore, or see today's palette.