Washed Pine color palette — #E2F7F3 · #80AD89 · #0A774F · #1D504A · #002220

A conversation between Pine and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E2F7F3): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#80AD89): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#0A774F): A full-bodied, balanced teal — the color of sea glass.
• Forest (#1D504A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#002220): 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 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 Olive Canyon color palette (#E7F6EC, #A7A272, #656A00, #2C4F39, #0A2117)
• Muted Lagoon color palette (#D1E7E8, #44A089, #00635A, #004146, #001618)
• Jade Hollow color palette (#F9F6E3, #6EAC7B, #187261, #4C4B44, #35362F)
• Gentle Olive color palette (#D8EDF6, #00A4B3, #828100, #00616A, #1E1E00)
• Lagoon Drift color palette (#E9FAF4, #ABDFB3, #00A186, #5E693E, #092E2C)
• Hushed Cerulean color palette (#EBF4F2, #A1D0E3, #008AA3, #005B5B, #002531)
• Wandering Turquoise Garden color palette (#E0F3FF, #36B9E0, #007795, #003A4B, #001017)
• Indigo Garden color palette (#DDF2FE, #0089A9, #6D5AC3, #006D3F, #001623)

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