Weathered Pine color palette — #E5F6F2 · #88AB84 · #03793D · #195241 · #01221E
Pine takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E5F6F2): a clean, paper-quiet neutral.
- Sage (#88AB84): A luminous, dusty green — the color of new leaves after rain.
- Pine (#03793D): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#195241): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#01221E): 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 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
- Pine Atelier color palette (#FDF5E0, #89A66B, #237449, #38523D, #36362F)
- Hushed Corridor color palette (#DAF1EF, #4BA17A, #00644F, #003F54, #001617)
- Moss Study color palette (#D2ECDF, #8AA106, #446800, #004943, #131900)
- Lagoon Pier color palette (#E6F5F4, #86BFC1, #2F8671, #2C5D68, #092D2E)
- Tempered Pine Thicket color palette (#CDE5E1, #44895B, #005136, #00322B, #000B03)
- Aged Emerald color palette (#EAFAF0, #C3D9AA, #459F69, #3D6B7A, #092F27)
- Hushed Plum Cabin color palette (#E4EBFF, #736DCA, #B13A7B, #00667B, #0B112C)
- Wisteria Terrace color palette (#ECF2FF, #E9CFEB, #C599E3, #4D63A0, #1D233A)
Browse the whole catalog at Explore, or see today's palette.