Weathered Pier color palette — #FFD1F0 · #FFA7C0 · #FF5E6C · #C64900 · #663400

Built around Watermelon, softened by Terracotta — the whole palette hums with optimism and warmth.

The five colors

• Thistle (#FFD1F0): A whisper-light, dusty pink — the color of peonies in June.
• Ballet Pink (#FFA7C0): A whisper-light, balanced red — the color of embers at dusk.
• Watermelon (#FF5E6C): A luminous, vivid red — the color of a theater curtain.
• Terracotta (#C64900): A full-bodied, vivid orange — the color of toasted spice.
• Bronze (#663400): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged 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

• Tangerine Grove color palette (#F9E4EA, #FFA2A6, #FF6539, #B15F00, #523600)
• Muted Crimson Ridge color palette (#F3DAF7, #FA95DB, #FF5995, #DF003F, #702900)
• Misty Harbor color palette (#FFF1F3, #FFA9AE, #FF4B54, #AF0E09, #5B200E)
• Chalky Studio color palette (#FFE1F2, #FB4591, #D01134, #722A00, #361800)
• Softworn Rust color palette (#FFF2EC, #FFC0A4, #FF8556, #D23F00, #451900)
• Pale Ember Orchard color palette (#F8E5E5, #EB6A46, #BA5C00, #7D4E00, #2C2100)
• Worn Chapel color palette (#FFF2EC, #FFACA1, #28D9F0, #F3443C, #00434B)
• Bronze Parlor color palette (#FFE7DD, #F9B794, #DC984C, #A47D00, #514819)

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