Timeworn Pine color palette — #F7F7E1 · #88B07F · #2F7B44 · #006046 · #214418
A conversation between Olive and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F7E1): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#88B07F): A luminous, balanced green — the color of fresh herbs.
- Olive (#2F7B44): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#006046): A full-bodied, balanced teal — the color of sea glass.
- Forest (#214418): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Timeworn 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 Pine color palette (#FAF1DD, #99B26F, #00813E, #00585A, #252100)
- Worn Basalt Grove color palette (#FAF5E7, #B8B088, #677C49, #25665D, #4D4200)
- Antique Market color palette (#E4E6D9, #6B9875, #006542, #00493E, #0A3118)
- Emerald Hollow color palette (#E5FCED, #ACC681, #0CA050, #00787B, #334017)
- Quiet Jade Corridor color palette (#E5FBF4, #A4E28E, #5DBD6E, #5D967E, #09443D)
- Patina Quarry color palette (#FFF0FF, #5896E2, #009660, #005AAF, #00472A)
- Cerulean Villa color palette (#F6F6E8, #B6D9B8, #00909D, #00675E, #004855)
- Spruce Pier color palette (#EFECD8, #5A7638, #144300, #002828, #091300)
Browse the whole catalog at Explore, or see today's palette.