Weathered Pier color palette — #FDF1FB · #80A0D9 · #A2863B · #2A5EC5 · #534006

Built around Cobalt, softened by Caramel — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Cornflower (#80A0D9): A luminous, balanced violet — the color of wild irises.
• Caramel (#A2863B): A luminous, balanced gold — the color of old brass.
• Cobalt (#2A5EC5): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#534006): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Hazy Grape color palette (#FFF0F7, #A295D1, #908F20, #6E48BF, #464502)
• Chalky Amber Loft color palette (#E7FBF1, #6AA9C7, #BF7441, #006F94, #5F371B)
• Marigold Pier color palette (#F0F5FF, #98B5FF, #DF9E2E, #5674C7, #563D16)
• Amber Canyon color palette (#FEECF6, #9E99E7, #D1701C, #6057A7, #3E1D03)
• Antique Orchard color palette (#FFF0FC, #6F85C7, #BC594C, #147E38, #462F42)
• Chalky Studio color palette (#FFD7EE, #7B6BF6, #797400, #4D00CD, #322F00)
• Chalky Aubergine Boulevard color palette (#FFF1F4, #C685DD, #539200, #780096, #244500)
• Dusty Mustard color palette (#EFF6FF, #B0CDFF, #E7B467, #7E9FDA, #304A31)

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