Tempered Pine color palette — #F5F6EE · #CFDED6 · #ACC3B0 · #3E7A42 · #3F4400
A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F6EE): bright and airy, almost weightless.
- Silver (#CFDED6): a clean, paper-quiet neutral.
- Stone (#ACC3B0): A luminous, dusty teal — the color of shallow lagoons.
- Olive (#3E7A42): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#3F4400): A deep, shadowed, balanced green — the color of new leaves after rain.
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
- Wandering Emerald color palette (#F4F6F0, #CFE0D4, #ADC8BA, #00A151, #3B4600)
- Lagoon Dune color palette (#F1F7F1, #D3DCDB, #B0C3C6, #2F837E, #434A42)
- Patina Forest Meadow color palette (#EDF0E6, #C6CFC4, #94A69A, #00663C, #2B3021)
- Weathered Cabin color palette (#FAF6DB, #7AB388, #007B68, #4A5726, #164526)
- Weathered Terracotta color palette (#DDF3C6, #9CAE88, #448092, #874846, #5E431E)
- Cypress Coast color palette (#D7E9CC, #007A66, #003139, #0E1D04, #030B04)
- Weathered Jade Thicket color palette (#ECF8F6, #CADFED, #BABBDE, #6DB96F, #2F4542)
- Hushed Orchard color palette (#D6E3D8, #97B0A4, #8F758E, #004043, #09180B)
Browse the whole catalog at Explore, or see today's palette.