Weathered Pine color palette — #F8F6E3 · #8EAD7A · #117417 · #004548 · #030A00

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

The five colors

• Cream (#F8F6E3): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#8EAD7A): A luminous, dusty green — the color of new leaves after rain.
• Olive (#117417): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#004548): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#030A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, 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

• Patina Workshop color palette (#F2F8E4, #5FB692, #00705C, #00425A, #000B05)
• Ancient Emerald Workshop color palette (#E0E3D0, #53A171, #005C41, #00313E, #000201)
• Olive Hollow color palette (#D1F4E6, #628900, #225200, #003635, #131F00)
• Dusty Lagoon Studio color palette (#F5F6EB, #90DBDC, #008A96, #00524A, #000F14)
• Wandering Emerald Lagoon color palette (#F3E5D1, #AAAD5F, #4B931C, #5E5C94, #211A00)
• Ancient Basin color palette (#FAF5E6, #B7C285, #65822E, #7F3830, #1E1800)
• Weathered Lantern color palette (#EBE2D1, #807D40, #3A4000, #3A000F, #010100)
• Frosted Ridge color palette (#F2F9E3, #66DDAF, #00937B, #006083, #002519)

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