Weathered Pier color palette — #FAF4EC · #E6DFBA · #B2BA97 · #AA939D · #5A4D00

A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#E6DFBA): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B2BA97): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#AA939D): A luminous, dusty rose — the color of a warm blush.
• Deep Olive (#5A4D00): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

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

• Bronze Terrace color palette (#F8F5ED, #C3E0CF, #B4B089, #B57354, #524600)
• Ancient Apricot Station color palette (#FFF1F1, #FFC5CB, #F2A490, #B18666, #6C4900)
• Worn Thicket color palette (#FFF2EA, #FFC6AF, #88D5E3, #D39880, #395542)
• Ancient Taupe Hollow color palette (#EEF8F2, #B1DCCC, #8CA47D, #7C7B8F, #41514B)
• Softworn Chartreuse Atelier color palette (#FFF4DB, #A0E489, #4FBB9D, #987DA1, #3B3B34)
• Wandering Lagoon color palette (#EBF5ED, #AECBC0, #5A8E88, #595F7F, #20362F)
• Gentle Parlor color palette (#EAE5D3, #7AD187, #1FA695, #92676D, #272C0B)
• Softworn Emerald Basin color palette (#EDDCCB, #B0AB4D, #469435, #675B88, #1E1C00)

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