Weathered Pier color palette — #D8E8ED · #DF4627 · #004143 · #001314 · #000203

A conversation between Poppy and Deep Teal, giving this palette its sense of energy and sophistication.

The five colors

• Frost (#D8E8ED): a clean, paper-quiet neutral.
• Poppy (#DF4627): A luminous, vivid orange — the color of toasted spice.
• Deep Teal (#004143): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001314): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000203): quiet, heavy and certain.

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

• Amber Atelier color palette (#DBE6D6, #D07120, #00332D, #020C08, #000201)
• Dusty Quarry color palette (#D6E4F1, #D31E49, #002E4C, #201B25, #000610)
• Softworn Summit color palette (#CEEAF6, #FF7E78, #006774, #00353C, #00121A)
• Ember Orchard color palette (#DAE6FB, #ED6002, #2D3B8C, #0D1147, #00020C)
• Hushed Olive color palette (#E7EEDC, #6D7300, #2D3B3F, #002415, #000603)
• Patina Moss Coast color palette (#CCE7E8, #919F44, #00694A, #003121, #000202)
• Sunlit Harbor color palette (#EEF6FF, #FF95B4, #1D6BB3, #083C69, #0F1C29)
• Tempered Abyss color palette (#DAE5E9, #9DB8CD, #8995B0, #005F62, #00171E)

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