Timeworn Pine color palette — #F2F7EC · #DEC083 · #008666 · #40443D · #1E2419
Built around Fern, softened by Sand — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#F2F7EC): bright and airy, almost weightless.
- Sand (#DEC083): A luminous, balanced gold — the color of old brass.
- Fern (#008666): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal (#40443D): quiet, heavy and certain.
- Onyx (#1E2419): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Optimism, Sophistication. Tagged luxury, dark, 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
- Softworn Mustard Dune color palette (#E8FAF0, #E4B23A, #007492, #004154, #0B1F16)
- Hushed Vanilla color palette (#E8F9F9, #E5EBB7, #538268, #15422C, #041212)
- Tempered Corridor color palette (#E8F9FC, #FEC9A0, #61A397, #416B71, #112528)
- Patina Apricot color palette (#EDF9EE, #EB957A, #005D60, #1F3421, #121E1B)
- Linen Azure Alley color palette (#F1F7EF, #6CDACA, #0099DF, #009586, #142922)
- Weathered Cerulean color palette (#F1F7F2, #D0DFDF, #ABCBCF, #4A9EA6, #424A43)
- Wandering Bronze color palette (#D0E6D7, #936E00, #00323A, #2A1F26, #00070A)
- Plum Boulevard color palette (#EDF9EC, #00ACA7, #9F53A1, #8E461E, #292914)
Browse the whole catalog at Explore, or see today's palette.