Worn Pier color palette — #FDEEED · #D16FA0 · #658F63 · #296A6A · #301D1C

Bubblegum takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FDEEED): bright and airy, almost weightless.
• Bubblegum (#D16FA0): A luminous, balanced rose — the color of a warm blush.
• Fern (#658F63): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#296A6A): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#301D1C): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication. 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

• Worn Coral color palette (#FBEEEC, #CE697E, #4B7952, #0A5866, #28191E)
• Lilac Ridge color palette (#FFECF3, #A380D5, #93814F, #45684A, #2E1D24)
• Tempered Field color palette (#F7F3FF, #B07EA0, #448D87, #2A6B6B, #40394B)
• Softworn Balcony color palette (#FCF0DE, #EA8E87, #94704D, #1B5D5D, #39271D)
• Muted Amber Dune color palette (#FFEEE5, #CF7B61, #4D908C, #6E5470, #2C2019)
• Muted Mallow color palette (#FFF1F1, #FFA0D3, #72C0A9, #768967, #3E2C2C)
• Aged Blush Market color palette (#F9F2FF, #DA91B6, #B4966F, #687AA0, #413A48)
• Worn Stone color palette (#FFEDEF, #F1A99D, #AD7757, #6F4E26, #362600)

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