Worn Coast color palette — #F2F5FF · #D2DBFB · #C3BFFF · #E774B0 · #4D3659

Bubblegum and Lavender set the tone — five colors that lean into creativity and softness.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Powder Blue (#D2DBFB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#C3BFFF): A whisper-light, balanced violet — the color of a velvet chair.
• Bubblegum (#E774B0): A luminous, balanced rose — the color of a warm blush.
• Charcoal (#4D3659): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Wisteria Lagoon color palette (#FFF1F7, #CBD2FF, #BEA3FF, #B874C4, #51333F)
• Ancient Villa color palette (#F2F5FF, #DED6E8, #E7AFBF, #DB8B8D, #3E3F5B)
• Worn Plum Pier color palette (#D5DDFF, #CCA7E6, #C077BB, #9F447D, #62343D)
• Wisteria Cabin color palette (#EDF6FF, #A5FAF0, #9CD0FF, #B78AF0, #2A3B5F)
• Chalky Dune color palette (#F9F2FF, #DBD0FF, #FFA2CF, #FE6A16, #600D28)
• Dusty Blush Harbor color palette (#FBEEFF, #E3B3FF, #FF68B2, #C16A00, #4A0B14)
• Gentle Harbor color palette (#FAF1FF, #B8CBFF, #E68FFF, #F41758, #440043)
• Worn Parlor color palette (#EFF6FF, #BCC2DD, #A392B6, #507F7B, #315963)

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