Weathered Pier color palette — #ECF4F1 · #A3CEC2 · #6A8E5F · #446871 · #223531

A conversation between Fern and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Pistachio (#A3CEC2): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#6A8E5F): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#446871): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#223531): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Hushed Canyon color palette (#E9F5ED, #B9B683, #737C2F, #644B64, #162D22)
• Muted Turquoise Study color palette (#ECF4F2, #CBDDED, #60AAB0, #31796D, #223A44)
• Tempered Lagoon color palette (#D7EEEB, #51A078, #00644D, #003F52, #00170B)
• Fern Corridor color palette (#FBF4E9, #C2C598, #6E8B63, #735F6A, #5C4C00)
• Tempered Pier color palette (#F0F7F1, #BCDFF0, #9CB88E, #7D859B, #394B43)
• Timeworn Pine color palette (#DFF8F3, #6FBC7E, #007F51, #005665, #03280E)
• Eclipse Olive Field color palette (#D3EADE, #656E21, #2C3D00, #400102, #030300)
• Gentle Fern Grove color palette (#D0ECE1, #7EA340, #2E6C00, #6A240A, #0F1A00)

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