Timeworn Pine color palette — #F4F7EC · #CCDFD6 · #ABC3B1 · #008039 · #3C4500

A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Silver (#CCDFD6): A whisper-light, dusty teal — the color of sea glass.
• Stone (#ABC3B1): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#008039): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#3C4500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Loft color palette (#F9F5EA, #D4DCD1, #B7C0AA, #776C00, #4F3D00)
• Muted Lagoon color palette (#F2F7F2, #D1DEDE, #CFBDC4, #008584, #404B40)
• Aged Pine color palette (#EAF4F4, #CAD9E1, #A4C6CB, #00804B, #192828)
• Softworn Forest color palette (#ECF0E7, #C6CFC5, #8CA898, #006542, #2A3120)
• Terracotta Lagoon color palette (#EDEAC0, #77C1A9, #2A8CA9, #8F3F36, #5E4220)
• Inked Thicket color palette (#DDEED6, #007A6A, #00313B, #0B1D02, #020C04)
• Gentle Garnet Veranda color palette (#F7F7E0, #5A8F2B, #006283, #77003E, #253700)
• Worn Pier color palette (#E9F9F7, #CBDDEA, #B2AAB5, #70B87D, #2C4543)

Browse the whole catalog at Explore, or see today's palette.