Tempered Pine color palette — #F4F6EE · #D2DCD6 · #A9B8A7 · #2A753E · #384000
Olive and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Silver (#D2DCD6): bright and airy, almost weightless.
- Ash (#A9B8A7): A luminous, dusty green — the color of fresh herbs.
- Olive (#2A753E): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#384000): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Hushed Cypress color palette (#F1F7F0, #C6D8CC, #8BB0A1, #006866, #233922)
- Lagoon Lantern color palette (#F3F6F0, #D2DEDA, #AEC6C3, #19876C, #434B3D)
- Wandering Hollow color palette (#F8F5EE, #D6DBD3, #B3B5A3, #716500, #3D3A34)
- Antique Cocoa color palette (#DEE5D6, #96B293, #54806E, #704460, #57362C)
- Patina Abyss color palette (#DDE1D7, #B2BDAD, #819483, #005234, #1C2211)
- Quiet Balcony color palette (#EFF9E4, #A3D589, #00C692, #008799, #003A33)
- Velvet Cypress Thicket color palette (#E5F0DF, #007462, #132C18, #091801, #010703)
- Feathered Station color palette (#FBECD5, #50976D, #006869, #670C6C, #003A2C)
Browse the whole catalog at Explore, or see today's palette.