Worn Pine color palette — #EBF5ED · #9DA57A · #3E733C · #62364E · #002319

Olive and Mulberry set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EBF5ED): bright and airy, almost weightless.
• Sage (#9DA57A): A luminous, dusty green — the color of new leaves after rain.
• Olive (#3E733C): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#62364E): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#002319): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Cypress Courtyard color palette (#E2F7F3, #78AAAC, #007470, #603751, #002123)
• Fern Pier color palette (#EDF9F1, #9E9F69, #5D6B0B, #644227, #1F3C30)
• Timeworn Forest color palette (#E3F3EA, #7D9767, #10653E, #403A00, #001712)
• Aged Garnet color palette (#CCEDE6, #49AA81, #006964, #751100, #001C10)
• Amber Meadow color palette (#FCE5D4, #B98C43, #756100, #414100, #112B00)
• Olive Dune color palette (#EDF9C8, #AAB166, #647400, #333700, #0B0E00)
• Emerald Lagoon color palette (#FBF4E9, #B2BA82, #57914E, #815656, #37352F)
• Indigo Pier color palette (#DDEEE5, #9B9539, #6971CA, #5D5700, #141443)

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