Worn Pier color palette — #FFF0F9 · #8786F3 · #E04C3D · #577100 · #26254F

Scarlet takes the lead with Lavender Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender Blue (#8786F3): A luminous, balanced violet — the color of wild irises.
• Scarlet (#E04C3D): A luminous, vivid orange — the color of sun-warmed clay.
• Olive (#577100): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#26254F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Gentle Boulevard color palette (#FFEFFF, #5F9DEF, #CC3B4A, #10680F, #00354E)
• Linen Corridor color palette (#FFF0FC, #6C8BFF, #D24E91, #816000, #1D2851)
• Scarlet Summit color palette (#FFF1F5, #AC5DD5, #CB2003, #325F00, #0F2142)
• Peony Field color palette (#FFE8EA, #BB71AE, #B86560, #536B00, #3B1B20)
• Wisteria Dune color palette (#FFF1F5, #B972DC, #AD7C00, #00785F, #391D47)
• Powdered Bronze color palette (#EFF6FF, #8EB6FF, #9F7D00, #7F6300, #0C1B31)
• Orchid Meadow color palette (#FDF7CC, #89A3F8, #B54BB3, #006D3F, #372D59)
• Linen Byzantium color palette (#F5F3FF, #AC40B5, #A24900, #634300, #3C1E3E)

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