Weathered Pier color palette — #F3F2E7 · #96B45E · #007984 · #4C6600 · #000D03

Sage takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F3F2E7): bright and airy, almost weightless.
• Sage (#96B45E): A luminous, balanced green — the color of fresh herbs.
• Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#4C6600): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#000D03): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Mustard Workshop color palette (#F8F1E3, #C8A400, #007D67, #6E5900, #040C00)
• Weathered Petrol Loft color palette (#EFF4E5, #61BE89, #0072AC, #006D40, #000C08)
• Tempered Basin color palette (#E8FAF0, #B6A300, #006F90, #625600, #06202E)
• Worn Moss color palette (#E5E6DB, #669F48, #005F73, #255300, #000304)
• Dusty Aubergine Thicket color palette (#FFF0D8, #28AB61, #00706E, #650070, #002318)
• Hazy Bloom color palette (#E8FAF4, #A6CA5E, #009C8B, #648500, #002227)
• Jade Alley color palette (#C3F7AD, #47C187, #007D6C, #004B4C, #00232B)
• Ultramarine Harbor color palette (#E4F2E3, #00ABA5, #0058B2, #005855, #00030E)

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