Weathered Pine color palette — #F3F2EA · #9FBD99 · #448556 · #445F20 · #272916

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

The five colors

• Cream (#F3F2EA): bright and airy, almost weightless.
• Sage (#9FBD99): A luminous, dusty green — the color of new leaves after rain.
• Fern (#448556): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#445F20): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#272916): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Lagoon Market color palette (#EFF4E9, #BAC9AF, #459288, #526855, #2D3427)
• Pine Archive color palette (#F2F4E3, #79AF84, #08774D, #144E5B, #1A1F07)
• Ancient Jade Orchard color palette (#FAF5E8, #CFE5C3, #66B17D, #5F8063, #393932)
• Lowlit Station color palette (#DEE0D1, #327849, #00412A, #00251F, #000401)
• Emerald Station color palette (#FAEDFA, #77A4EC, #00A774, #2F62B3, #202C08)
• Antique Raspberry color palette (#FFEBF6, #857FDF, #C2508B, #007790, #2C1524)
• Muted Mallow Workshop color palette (#FEECF6, #E4D3E5, #DAB2F1, #6E80AA, #3A2530)
• Airy Cobalt color palette (#B9EBDC, #6CA7E2, #2E72C8, #304E90, #3B2035)

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