Worn Pier color palette — #F6F3FF · #E8A0EA · #BF9C1F · #138BA4 · #123C53

Mustard and Carnation set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Carnation (#E8A0EA): A luminous, balanced pink — the color of peonies in June.
• Mustard (#BF9C1F): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#138BA4): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#123C53): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged cool.

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

• Amber Boulevard color palette (#F3F4FF, #CCABFF, #D78C48, #00917F, #053D55)
• Timeworn Terrace color palette (#F8F2FD, #F3A0CA, #93AC3E, #467FC2, #2F3556)
• Tempered Stone color palette (#F6F3FF, #E1C6E5, #D5B28F, #7898AC, #354F63)
• Powdered Blush Archive color palette (#F2E0FF, #FF6BB5, #7A9800, #006AB5, #002545)
• Worn Mint Delta color palette (#ECF9F0, #AEE2D1, #7EBE84, #8B8CB0, #2D4940)
• Powder Loft color palette (#FAF3F7, #D3E0F9, #82C6F5, #5CA89B, #364963)
• Feathered Blush Station color palette (#FCF1FE, #FF98A9, #B7794E, #665D20, #332242)
• Ancient Apricot color palette (#FCEDF5, #FA935D, #00AA9A, #7F5DA5, #342049)

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