Weathered Pier color palette — #EFF6FF · #4487FF · #A54491 · #005A50 · #0F222F
A conversation between Azure and Magenta Rose, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Azure (#4487FF): A luminous, vivid violet — the color of wild irises.
- Magenta Rose (#A54491): A full-bodied, balanced pink — the color of a candy shop window.
- Pine (#005A50): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#0F222F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged jewel, vibrant.
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
- Iris Thicket color palette (#F1F5FF, #7F8CFF, #A9567C, #196E6F, #1D2E3C)
- Powdered Violet color palette (#F2F5FF, #9263FB, #A44656, #005463, #131E2F)
- Worn Mulberry Courtyard color palette (#F1F5FF, #878AE2, #934491, #515300, #050B27)
- Indigo Corridor color palette (#EBF7FF, #0096C0, #7C5CAC, #086026, #01242D)
- Quiet Lilac color palette (#EFF1FF, #A975F2, #A45081, #823327, #002F47)
- Tempered Grove color palette (#F1F5FE, #DBD7E5, #C2BACB, #6E7EB2, #343B46)
- Pale Orchid color palette (#F3F4FF, #B05DFF, #00857A, #006280, #131F39)
- Powdered Aubergine Field color palette (#D3E4F4, #0066A2, #7C0283, #003B2C, #00090C)
Browse the whole catalog at Explore, or see today's palette.