Weathered Pier color palette — #FFDBE1 · #FF486F · #DE1243 · #9C2A2A · #410400

A conversation between Rose Red and Scarlet, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#FFDBE1): A whisper-light, dusty red — the color of late-summer berries.
• Scarlet (#FF486F): A luminous, vivid red — the color of late-summer berries.
• Rose Red (#DE1243): A full-bodied, vivid red — the color of embers at dusk.
• Garnet (#9C2A2A): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#410400): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Warmth, Comfort, Energy. Tagged vibrant, warm.

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

• Ember Harbor color palette (#FEDEDB, #FF4735, #DA3B00, #953C00, #311200)
• Peony Quarry color palette (#F3DAE6, #FE3DA6, #D71C6D, #9E1F45, #42000F)
• Dusty Brick color palette (#F8D9E6, #E3567C, #BA0030, #5C0A00, #1D0600)
• Misty Archive color palette (#FFE0D2, #FF5F4F, #749F00, #CB261F, #141F00)
• Frosted Workshop color palette (#FEE4DB, #FF8960, #DF4F00, #8A2B00, #1B0400)
• Feathered Workshop color palette (#FBE5F9, #B5477C, #860017, #450F00, #100600)
• Faded Ember Balcony color palette (#F7DDD4, #ED4F00, #8F8600, #A74D9A, #250600)
• Marigold Basin color palette (#FCE0D5, #DEBE74, #E7A037, #B96457, #3C1903)

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