Worn Pine color palette — #F6F6E8 · #9A9F78 · #2F7345 · #0D5844 · #35362F

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

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Taupe (#9A9F78): A luminous, dusty green — the color of fresh herbs.
• Pine (#2F7345): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#0D5844): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#35362F): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Worn 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 Pine Field color palette (#F5F7E7, #73B487, #007D56, #005A6E, #1A4429)
• Hazy Moss Orchard color palette (#F3EBD2, #879D39, #406700, #004E49, #293300)
• Worn Lagoon Bloom color palette (#EBEDDD, #488A5C, #005236, #00372F, #00220C)
• Muted Cerulean color palette (#F5F6EC, #B0CEB3, #008897, #00605A, #004250)
• Hushed Fern color palette (#F7F5ED, #C3C3A4, #6C8B67, #516F53, #535000)
• Jade Summit color palette (#E5FBF5, #ABD9A0, #75B180, #5D8D90, #193C38)
• Quiet Ultramarine color palette (#FCE7F9, #6D8DCC, #008E66, #194ABC, #00402C)
• Byzantium Pier color palette (#F2DCF4, #3D7CC2, #8C509C, #006962, #39213B)

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