Washed Pier color palette — #FFE0D9 · #CA0059 · #005948 · #003166 · #1D1544

Built around Magenta Rose, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#FFE0D9): A whisper-light, dusty orange — the color of toasted spice.
• Magenta Rose (#CA0059): A full-bodied, vivid red — the color of late-summer berries.
• Pine (#005948): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#003166): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#1D1544): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Washed 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

• Scarlet Garden color palette (#FFF2ED, #D4424B, #006861, #591382, #401A5B)
• Sunlit Plum color palette (#FFDFDD, #C10A81, #005B39, #4D006B, #3D002C)
• Feathered Rust Pier color palette (#F4D6EA, #C23F00, #435400, #003338, #100033)
• Soft Rust color palette (#F3DCCE, #AA4500, #00505B, #3F0C64, #33002B)
• Nightshade Archive color palette (#FFE1CC, #AE4F00, #005568, #240095, #18036E)
• Washed Ember Station color palette (#FEE1D1, #ED4F00, #587500, #00515D, #2E005E)
• Hushed Coast color palette (#FFDEE7, #9933C6, #415400, #00355B, #18193E)
• Hazy Amber color palette (#F0E1E5, #CB7D4B, #666D32, #3B4C7F, #253671)

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