Weathered Pier color palette — #F8EFF2 · #AFCBE6 · #6974C0 · #005B5E · #28163B

Slate takes the lead with Peacock close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Lilac Frost (#AFCBE6): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#6974C0): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005B5E): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#28163B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Sophistication. 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

• Muted Terrace color palette (#F8EFF6, #AFCDD9, #1186B7, #005F3A, #0D1E43)
• Sapphire Basin color palette (#FFECF5, #8CC4E1, #2B6CD8, #00524B, #1D004E)
• Hushed Iris color palette (#FBF4EB, #B3DFD2, #7A8DEA, #007B7E, #413257)
• Weathered Boulevard color palette (#D9EFEA, #759F62, #9065B7, #2C6500, #28093D)
• Washed Denim color palette (#F2E7EE, #4795AF, #004B85, #002D23, #03001B)
• Worn Bronze Loft color palette (#DBFAF3, #ABE2E9, #8CBADE, #866700, #032D2B)
• Byzantium Studio color palette (#DAECE9, #548D3D, #954AA4, #902560, #051900)
• Tempered Garnet Thicket color palette (#EDDBE2, #80A288, #89572E, #6E1D1E, #001E15)

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