Weathered Pine color palette — #E6F7ED · #99A76F · #447234 · #593B53 · #07211A

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E6F7ED): A whisper-light, dusty teal — the color of sea glass.
• Sage (#99A76F): A luminous, dusty green — the color of fresh herbs.
• Olive (#447234): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#593B53): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#07211A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Weathered 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

• Dusty Field color palette (#E6F6F2, #81AC8C, #00765C, #623D19, #002220)
• Tempered Lagoon Market color palette (#E9F5F1, #87C0B8, #418563, #6C485B, #152C29)
• Aged Amber color palette (#F2E6D5, #B29100, #6C6500, #3A4400, #112200)
• Aged Coast color palette (#CFE4DC, #739A65, #00663A, #353E00, #001613)
• Olive Parlor color palette (#EAF8C9, #95AE58, #547500, #283600, #090F00)
• Antique Amethyst Harbor color palette (#D7F0E5, #A4A733, #754DD0, #585900, #1E133A)
• Lagoon Quarry color palette (#EDF8F1, #C1DAA9, #3F9E78, #75567D, #122E28)
• Pale Villa color palette (#D3E7E0, #758600, #0076AB, #93335B, #001912)

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