Worn Pier color palette — #FEF1F7 · #AEA8DC · #A09C57 · #7266AE · #524F25

Slate and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Mauve (#AEA8DC): A luminous, dusty violet — the color of a velvet chair.
• Moss (#A09C57): A luminous, balanced green — the color of new leaves after rain.
• Slate (#7266AE): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#524F25): A full-bodied, dusty green — the color of a quiet forest floor.

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

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

• Wandering Pewter color palette (#FFF1F4, #C4A3C9, #72A877, #93589D, #345738)
• Indigo Alley color palette (#FCEDF3, #BBA7E5, #AC9E42, #7B61AA, #33312A)
• Washed Cobalt color palette (#ECF8F4, #8CB5D5, #BC8E65, #2679AF, #654529)
• Wandering Villa color palette (#F4F4FE, #D5B5EE, #CCAE60, #9D7DB6, #385540)
• Washed Lagoon color palette (#FFF1F7, #9D8DC7, #AD7E5B, #248875, #523A45)
• Ancient Atelier color palette (#FEF1F7, #E5D7D4, #DBBCA7, #7A84B3, #5D464C)
• Worn Cocoa color palette (#FCF4E8, #C2B7A1, #947C57, #7B5433, #574600)
• Misty Atelier color palette (#FFF2F0, #CD88A1, #00A087, #A33868, #0B4E41)

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