Weathered Pier color palette — #EAF8FF · #C5E1FF · #FDB99F · #5CA6BC · #583C4E

Melon takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Powder Blue (#C5E1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Melon (#FDB99F): A whisper-light, balanced orange — the color of sun-warmed clay.
• Cyan (#5CA6BC): A luminous, balanced blue — the color of open sky before noon.
• Cocoa (#583C4E): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Ancient Veranda color palette (#EAF8FA, #B4F6E0, #F6B6D3, #50AE93, #4F3E5C)
• Periwinkle Corridor color palette (#F0F5FF, #DED6F1, #E4C892, #8097D7, #2E4F35)
• Powder Orchard color palette (#EBF7FF, #D9DAE5, #94C2D2, #BAAEAB, #435462)
• Patina Lantern color palette (#EFF6FF, #B8E5F0, #7287A6, #3A475A, #151C25)
• Dusty Cabin color palette (#EBF7FF, #8CD8F8, #E1A7C4, #A6A573, #293B46)
• Stone Corridor color palette (#EEF8EF, #BFE7E1, #9BB79C, #916F7D, #2E453B)
• Wandering Powder Market color palette (#ECF7FF, #D4DAE6, #7DC0E2, #3D6F8E, #012D44)
• Tempered Amber Dune color palette (#EBF9F1, #68BDD7, #D18165, #007F9B, #534B47)

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