Weathered Pier color palette — #F6F1EB · #C9E2E5 · #8F9AC5 · #3A7678 · #452E38

Built around Blue Fog, softened by Teal — the whole palette hums with sophistication.

The five colors

• Cream (#F6F1EB): a clean, paper-quiet neutral.
• Silver (#C9E2E5): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8F9AC5): A luminous, dusty violet — the color of wild irises.
• Teal (#3A7678): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#452E38): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Sophistication. Tagged coastal, cool, light, 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

• Aged Cypress color palette (#F8F0ED, #C7E8DF, #79A892, #507559, #412F42)
• Petrol Lantern color palette (#F8F5EF, #CBE4E8, #849AC0, #047B97, #614A5A)
• Tempered Thicket color palette (#FFECF0, #B48AC2, #759969, #608454, #362026)
• Weathered Denim Ridge color palette (#F6EBE1, #75A2C4, #3D519F, #003939, #110026)
• Hushed Market color palette (#FDEDF0, #C6A6CF, #94A470, #876192, #32312A)
• Cobalt Chapel color palette (#FBEFE7, #A7D3C0, #5F7CAE, #005C54, #331426)
• Washed Driftwood Workshop color palette (#FFECF2, #E4D6CD, #D0C49C, #A3809E, #4F3A3E)
• Sunlit Cobalt Corridor color palette (#F3E6DF, #7CBFD4, #166EB4, #004D3D, #0F0F37)

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