Tempered Pine color palette — #FAF5E8 · #8FA378 · #2A7348 · #35543A · #36362F
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FAF5E8): bright and airy, almost weightless.
- Moss (#8FA378): A luminous, dusty green — the color of new leaves after rain.
- Pine (#2A7348): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#35543A): A full-bodied, dusty green — the color of a quiet forest floor.
- Espresso (#36362F): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Olive Cabin color palette (#FFF3E5, #A29D6C, #4B7002, #414770, #38352E)
- Aged Cypress color palette (#F6F6EA, #76A88C, #00726A, #1C516A, #2D3C00)
- Lagoon Archive color palette (#E8E5D7, #699A67, #00644D, #4D3156, #282B0E)
- Lagoon Station color palette (#F7F7E3, #99C191, #549063, #61655D, #35362F)
- Ancient Cerulean color palette (#FEF2ED, #97D1D6, #0085A7, #006247, #0F4439)
- Hushed Fern Corridor color palette (#FBF4EB, #CBC19B, #708A65, #795C6D, #5D4C00)
- Tempered Orchard color palette (#E1E1C7, #067F55, #00413D, #002637, #00140A)
- Feathered Indigo Meadow color palette (#F5DBF1, #4E73D6, #8D6400, #615E00, #3A2137)
Browse the whole catalog at Explore, or see today's palette.