Weathered Pier color palette — #FAEEF4 · #A9C4A7 · #A37760 · #6B4C68 · #233027

Built around Mocha, softened by Charcoal Brown — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#FAEEF4): bright and airy, almost weightless.
• Stone (#A9C4A7): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A37760): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#6B4C68): A full-bodied, dusty pink — the color of peonies in June.
• Deep Forest (#233027): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Driftwood Terrace color palette (#E7F6ED, #A0C5B9, #8B8457, #485F48, #1D302E)
• Bronze Lantern color palette (#FFEBF6, #C99DAC, #A56040, #6F3A3B, #17271C)
• Iris Grove color palette (#E7F4FF, #ADC2F3, #8F76B4, #704071, #4B1834)
• Bronze Study color palette (#E4F5FB, #2AA8AE, #B66E44, #4A6841, #15262B)
• Aged Courtyard color palette (#FFF2EA, #E2C5A6, #B6937A, #A36047, #5D4300)
• Muted Bronze color palette (#DDEFDB, #B29F5F, #935E00, #712B00, #002318)
• Aged Chestnut Summit color palette (#E7F3E8, #908944, #6F4F00, #4E2400, #00120D)
• Antique Peony Grove color palette (#EDF3F7, #96CBEC, #A967A5, #287AA4, #17141D)

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