Weathered Pier color palette — #FBF3EE · #C0E6F5 · #C0C1ED · #679F91 · #5A4753

Lavender takes the lead with Eucalyptus close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Powder Blue (#C0E6F5): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender (#C0C1ED): A whisper-light, dusty violet — the color of a velvet chair.
• Eucalyptus (#679F91): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#5A4753): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Sophistication, Softness, Clarity. 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

• Tempered Powder Basin color palette (#EEF8F6, #D6DCEA, #A6CCE8, #7CAABD, #3F5569)
• Timeworn Seafoam color palette (#F1F8EC, #9AFCDD, #F6B5DA, #58AC93, #5A3D3E)
• Petrol Coast color palette (#F1F3EC, #C8DFDD, #79A894, #017988, #143F33)
• Wandering Drift color palette (#FFF3E6, #DAD6E0, #93A8FF, #008789, #3D2959)
• Patina Corridor color palette (#FEF6CD, #AEFADC, #79C89E, #478D88, #354E3C)
• Bronze Orchard color palette (#FDF4E4, #D2E4C4, #BCAE82, #A26D3A, #3C4500)
• Timeworn Seafoam color palette (#F0FAE2, #86E2B6, #F49FAC, #CD8E97, #373A33)
• Cobalt Alley color palette (#FFF2EB, #73DDF8, #0080CB, #00533F, #060233)

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