Weathered Pier color palette — #E5F7EE · #9F9922 · #47918B · #71536E · #182620

Built around Moss, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#E5F7EE): A whisper-light, dusty teal — the color of sea glass.
• Moss (#9F9922): A luminous, balanced green — the color of new leaves after rain.
• Fern (#47918B): A luminous, dusty teal — the color of sea glass.
• Graphite (#71536E): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#182620): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

One click turns Weathered 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

• Dusty Moss Veranda color palette (#E5F6F2, #79A35D, #3B8FA5, #3E6282, #122723)
• Patina Amber Parlor color palette (#FFECF3, #CE7F33, #668F61, #75516B, #2D1D24)
• Driftwood Workshop color palette (#FAF5E7, #99925A, #5B83A9, #70527C, #403D36)
• Washed Jade Orchard color palette (#E6F6F4, #5CB272, #2B7F87, #674324, #0E2E23)
• Dusty Mint color palette (#DDFDD4, #93D4A1, #5C997B, #125F4C, #00322C)
• Washed Orchard color palette (#EAF5F1, #BCCB92, #589172, #6B7940, #071919)
• Muted Corridor color palette (#CBFFF1, #618B00, #007985, #783100, #0D1800)
• Washed Taupe Coast color palette (#EBFAEF, #BDAA6F, #9C94BF, #7C72A3, #2F4335)

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