Timeworn Pine color palette — #FFF2EA · #B86942 · #348444 · #005A80 · #38312D
Built around Fern, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Ochre (#B86942): A luminous, balanced orange — the color of sun-warmed clay.
- Fern (#348444): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#005A80): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#38312D): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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 Market color palette (#FDF3E9, #B56D08, #1E721E, #004784, #38231D)
- Faded Ember Balcony color palette (#FFF2EB, #CA694F, #00755C, #493D79, #442748)
- Dusty Garden color palette (#FAF5E7, #9C9249, #488F73, #366487, #403D36)
- Hushed Harbor color palette (#FEF4E4, #D27D67, #7F6700, #364986, #423C37)
- Aubergine Villa color palette (#F9EDD8, #8B6C00, #006993, #64236F, #31240B)
- Powdered Pine Atelier color palette (#FFF1F5, #976BB7, #078651, #075983, #422B33)
- Hazy Rose color palette (#FBEDFB, #D25865, #82761C, #56477B, #231423)
- Pale Crimson Balcony color palette (#FFF2EE, #CA384F, #007192, #662782, #402219)
Browse the whole catalog at Explore, or see today's palette.