Weathered Pier color palette — #E5F7EE · #B2C395 · #618E7A · #485E4F · #1B312D

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

The five colors

• Cream (#E5F7EE): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#B2C395): A luminous, dusty green — the color of fresh herbs.
• Fern (#618E7A): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#485E4F): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#1B312D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Dusty Balcony color palette (#E1F8EC, #A4B379, #7B7741, #32563C, #122723)
• Tempered Stone color palette (#FEECF4, #D5B58E, #A0795E, #684F60, #233026)
• Stone Thicket color palette (#EFF1FD, #DDBF83, #585F82, #2B2F47, #12131C)
• Wandering Bronze color palette (#FAF5E3, #D1CCAD, #A79B71, #8B7129, #4F4900)
• Taupe Garden color palette (#D4E6D7, #A69958, #7C6023, #593408, #001E14)
• Lilac Terrace color palette (#EFF1FF, #9F85CC, #908254, #316964, #20222E)
• Olive Boulevard color palette (#CFE9D7, #787600, #514200, #311E00, #000705)
• Timeworn Mallow Harbor color palette (#FBECFF, #E9A5D3, #B17586, #7C4747, #511804)

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