Weathered Pine color palette — #E8F5F2 · #89AB83 · #317544 · #0B533E · #00221E

Pine and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8F5F2): a clean, paper-quiet neutral.
• Sage (#89AB83): A luminous, dusty green — the color of fresh herbs.
• Pine (#317544): A full-bodied, balanced teal — the color of sea glass.
• Forest (#0B533E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#00221E): A deep, shadowed, dusty teal — the color of sea glass.

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

• Soft Balcony color palette (#D2ECDF, #8E9E41, #466700, #004942, #141800)
• Muted Forest color palette (#D4E5E4, #669B81, #006450, #003F54, #00170D)
• Washed Villa color palette (#E9F4F4, #91BDBE, #478271, #2B5D68, #0D2D2E)
• Emerald Balcony color palette (#F6F6EA, #9CC094, #3F9556, #536D2E, #35362F)
• Wandering Lagoon Lagoon color palette (#EDF8F1, #ADDBCE, #5D9A6D, #1C7073, #212D06)
• Muted Cypress color palette (#E1F3F3, #107964, #00403A, #002426, #000402)
• Hazy Ultramarine color palette (#DBEBFF, #6D92CB, #0A9266, #004EB1, #002315)
• Soft Quarry color palette (#E2E9F7, #5E74CF, #A1478C, #006871, #0A102F)

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