Washed Pier color palette — #E8F5F0 · #8BAA81 · #30744E · #5E3753 · #00221E

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

The five colors

• Cream (#E8F5F0): a clean, paper-quiet neutral.
• Sage (#8BAA81): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#30744E): A full-bodied, balanced teal — the color of shallow lagoons.
• Mulberry (#5E3753): A deep, shadowed, dusty pink — the color of a candy shop window.
• 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 Washed Pier 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

• Weathered Lantern color palette (#F9F5EA, #84A772, #007459, #5A405F, #36362F)
• Washed Pine color palette (#E4F7F1, #86B687, #007F57, #753A00, #09280C)
• Muted Lagoon color palette (#E9F5F3, #92BDBC, #348575, #614B6B, #092D2E)
• Forest Study color palette (#DBEFEA, #679B7A, #006451, #532F00, #001709)
• Dusty Garnet color palette (#D8EADD, #969A57, #426800, #790017, #161800)
• Washed Hollow color palette (#E9FAF0, #B9DBB0, #3A9D84, #755580, #002F2A)
• Tempered Bronze Summit color palette (#FFECD6, #C99D60, #906100, #4C2E00, #150900)
• Onyx Field color palette (#CAE7DF, #52875B, #00513A, #4F0033, #000B02)

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