Worn Pier color palette — #F7EDFF · #EAA7AE · #B06E52 · #7A5223 · #233D29

Mocha and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F7EDFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Rose Quartz (#EAA7AE): A luminous, dusty red — the color of late-summer berries.
• Mocha (#B06E52): A luminous, balanced orange — the color of autumn markets.
• Coffee (#7A5223): A full-bodied, balanced gold — the color of old brass.
• Forest (#233D29): A deep, shadowed, dusty teal — the color of sea glass.

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

• Patina Driftwood Cabin color palette (#FFEAF7, #DCA77F, #9D8849, #5E6129, #163F38)
• Softworn Driftwood Market color palette (#F2F0FF, #DEA6C3, #AF6A7B, #874F47, #4A2E3B)
• Dusty Lantern color palette (#FAEEF6, #E3A08F, #6AA4C9, #A05D4B, #11344C)
• Weathered Bronze Hollow color palette (#FFF1F0, #F2B7BD, #D98F7A, #A46528, #55514A)
• Softworn Driftwood color palette (#FFECF3, #F4C4A4, #A87650, #6A421E, #321500)
• Weathered Rust color palette (#F1DDDB, #C45B2B, #784F00, #3F3600, #171D00)
• Tempered Amber Ridge color palette (#FFE9E6, #D1854C, #8A6600, #454400, #0E2800)
• Worn Lagoon color palette (#EAE1D2, #999100, #526800, #00441B, #00231B)

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