Weathered Pier color palette — #E1F0F0 · #AEC4D6 · #96A8C4 · #499267 · #132222

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

The five colors

• Cream (#E1F0F0): a clean, paper-quiet neutral.
• Ash (#AEC4D6): A luminous, dusty blue — the color of open sky before noon.
• Blue Fog (#96A8C4): A luminous, dusty blue — the color of deep harbor water.
• Fern (#499267): A luminous, balanced teal — the color of glacier melt.
• Onyx (#132222): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Wandering Cypress color palette (#E3E9DC, #BCC9B5, #97AB94, #007252, #1B2213)
• Tempered Abyss Delta color palette (#EBEFE5, #AEB6AA, #809382, #005134, #080D01)
• Muted Teal Alley color palette (#E8F9FD, #CCDCFA, #BBBEDC, #00AFA8, #173840)
• Antique Dune color palette (#D2E8E3, #49C08F, #00928B, #546C44, #002114)
• Patina Petrol Orchard color palette (#DAE9F1, #9B9FB2, #88849F, #007080, #000B12)
• Turquoise Orchard color palette (#D8F7E1, #47B3BA, #6487AE, #885246, #431208)
• Dusty Lagoon color palette (#D6F1F6, #008C84, #004A5E, #002228, #000202)
• Indigo Pier color palette (#D0E5E4, #00AB65, #665CD9, #8F2800, #260500)

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