Weathered Pier color palette — #DDF2FF · #DCCCCE · #ABC0DC · #364957 · #20292F

A conversation between Sky and Charcoal, giving this palette its sense of sophistication.

The five colors

• Frost (#DDF2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Oat (#DCCCCE): bright and airy, almost weightless.
• Sky (#ABC0DC): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#364957): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#20292F): quiet, heavy and certain.

Feels like: Sophistication. Tagged neon, dark, vibrant, 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

• Softworn Petal color palette (#FFE7EB, #E7D2FF, #C9BBBE, #373751, #181821)
• Cerulean Study color palette (#EFF6FC, #B6E5EE, #488EB6, #2C4A5F, #121D24)
• Softworn Aqua color palette (#FFDEC0, #FFC1A2, #3FCFFF, #3F485A, #29343A)
• Apricot Courtyard color palette (#F6F3FF, #E4AFE1, #DF9D76, #987E47, #332F3D)
• Patina Mallow color palette (#EEEBCD, #FFA9F6, #5DC8FF, #253730, #0D1915)
• Faded Celadon Ridge color palette (#A0FFAA, #FFCDD9, #41F2D8, #5C7478, #293234)
• Mallow Pier color palette (#F2F5FF, #E4D5E3, #C4A0E3, #8C6098, #5B2F58)
• Hushed Corridor color palette (#F2F5FB, #DCD9E3, #CD95E4, #8496D6, #1E1D29)

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