Weathered Pine color palette — #E3F7F1 · #8AAB82 · #387445 · #135053 · #00221E

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

The five colors

• Ivory (#E3F7F1): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8AAB82): A luminous, dusty green — the color of new leaves after rain.
• Olive (#387445): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#135053): A deep, shadowed, dusty teal — the color of glacier melt.
• 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

• Muted Fern Boulevard color palette (#D1ECDE, #919D4F, #4A6600, #004941, #151800)
• Muted Cypress color palette (#E9F5F4, #87BFC0, #4D8171, #2C5D68, #102C2D)
• Hushed Lagoon color palette (#E9FAF0, #C2DAA4, #5F9971, #3D6B79, #003027)
• Ancient Pine Coast color palette (#D3E9E5, #4B885B, #005134, #00322A, #000B02)
• Cobalt Grove color palette (#E6EEFB, #5B75CE, #995089, #00686F, #06132B)
• Softworn Mallow Dune color palette (#ECF2FF, #D3CEFD, #C2A2DF, #596FA7, #1D233E)
• Denim Atelier color palette (#D7EDFE, #5C9CE0, #2461B0, #1E3A85, #121B46)
• Wandering Station color palette (#EAEDFF, #9AA0EF, #5D5FB6, #282772, #0A0033)

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