Washed Pine color palette — #E9F5F2 · #8FBEB7 · #4D835B · #305F55 · #0E2D2A

Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9F5F2): bright and airy, almost weightless.
• Ash (#8FBEB7): A luminous, dusty teal — the color of sea glass.
• Fern (#4D835B): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#305F55): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#0E2D2A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Washed 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 Teal Harbor color palette (#D7F9F1, #32BEB4, #008685, #006067, #003241)
• Gentle Moss color palette (#E1F6FD, #4FB6B7, #A28D00, #007375, #2E2700)
• Pine Studio color palette (#E1F8F0, #8DB66B, #1A8112, #20583E, #142601)
• Hushed Dune color palette (#E2F5FF, #6BC9E2, #0089A1, #004857, #001B22)
• Chestnut Terrace color palette (#F9F5E8, #95BC8C, #3F8269, #6B5801, #444600)
• Ancient Lagoon color palette (#D3EEEC, #278C69, #005042, #003130, #000A0B)
• Frosted Indigo color palette (#E2F5FF, #229DB7, #7573CA, #327C48, #06212D)
• Jade Corridor color palette (#C7EEEB, #00AF7C, #006B57, #004C24, #001C10)

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