Worn Pine color palette — #F9F1E3 · #9FA56D · #457239 · #603A3B · #221C01

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

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Sage (#9FA56D): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#457239): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#603A3B): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#221C01): A deep, shadowed, dusty green — the color of fresh herbs.

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 Canyon color palette (#F3F3E0, #6FB08E, #00746C, #4C4441, #181F06)
• Antique Moss Dune color palette (#E6DFCE, #789B42, #006635, #41390B, #151300)
• Softworn Amber Lagoon color palette (#F5E0D0, #CB8B00, #7A6800, #3D4500, #172601)
• Faded Lime Lagoon color palette (#EDF4BF, #A9B324, #687100, #333B00, #0A0B00)
• Straw Atelier color palette (#E8FAEF, #D7D585, #869154, #775966, #0F2F22)
• Indigo Villa color palette (#F2E8D2, #B99F24, #705BB6, #645400, #1E123D)
• Hushed Celadon Veranda color palette (#FFF1D0, #B9EDAE, #79CAB7, #8F6335, #2E2A10)
• Linen Canyon color palette (#F6EFDB, #877F00, #6063B7, #5F4D93, #1A1300)

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