Washed Pier color palette — #F6F2E2 · #97BF9D · #647D5B · #335F53 · #262A13

Sage and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F2E2): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#97BF9D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#647D5B): A full-bodied, dusty green — the color of new leaves after rain.
• Pine (#335F53): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#262A13): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Hushed Pewter Lagoon color palette (#F9F0E7, #BEB392, #617F58, #6A4B51, #2E2610)
• Washed Parlor color palette (#F7F2DE, #84AB8C, #00756B, #603C34, #1A1F06)
• Tempered Bloom color palette (#F5F6EB, #A8B593, #368274, #41634C, #374A00)
• Worn Alley color palette (#EAF9F6, #AFEEEB, #72AB9E, #5B7C8A, #1D3F3F)
• Washed Cerulean color palette (#F7F0EB, #C5E5D5, #6C90BD, #276B5E, #3C2233)
• Cerulean Lagoon color palette (#FEECF6, #EED1DA, #E6BC9A, #50839F, #422A30)
• Patina Amber color palette (#F6E0CE, #AF9300, #436800, #502B63, #1C1500)
• Olive Grove color palette (#FFECF4, #947ECB, #748A33, #277847, #2E1521)

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