Weathered Pier color palette — #ECF7FF · #D4D9E7 · #5FA6DC · #146793 · #001D32

Built around Cornflower, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Silver (#D4D9E7): bright and airy, almost weightless.
• Cornflower (#5FA6DC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#146793): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#001D32): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

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

• Dusty Pier color palette (#D2E8FF, #4597F5, #00528A, #00162E, #000104)
• Muted Petrol color palette (#F0F5FF, #DCD8E2, #A2ADE2, #626C9F, #182643)
• Teal Orchard color palette (#E4FAFF, #BCD9F9, #3BB7B7, #006566, #00211F)
• Worn Cobalt color palette (#D1FDEE, #85C4EF, #0086BC, #00496A, #001725)
• Washed Sand color palette (#F0F5FF, #FDE2AB, #6375A3, #273856, #090F1A)
• Iris Studio color palette (#F2F5FE, #E4D5EE, #CE80B3, #7E7DD9, #160E1E)
• Washed Coast color palette (#F0F5FF, #A0AEF1, #C59165, #6D793E, #1C2437)
• Softworn Courtyard color palette (#F6F3FF, #E2DAFF, #9A7BF1, #613AA2, #1F0047)

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