Worn Coast color palette — #F9F3F7 · #D7D5E4 · #BABEE7 · #54B69D · #48526A

Turquoise and Lavender set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D7D5E4): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#BABEE7): A luminous, dusty violet — the color of twilight just after sunset.
• Turquoise (#54B69D): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#48526A): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Faded Powder color palette (#FCF2F6, #D7DEFC, #98B3FF, #00A6A3, #472F72)
• Dusty Harbor color palette (#F8F5EF, #CBE7E4, #87B9D4, #3F9694, #31524A)
• Ancient Mustard color palette (#EAFAF1, #DBD8A1, #BAC2FC, #B2AC53, #404C6B)
• Antique Driftwood Delta color palette (#EEF8F2, #C4E1D8, #9CC0AA, #AE8494, #2E4E4D)
• Misty Cornflower Basin color palette (#F3E5EB, #8EB5D3, #4C7EE5, #006E66, #18003E)
• Feathered Emerald color palette (#F9F3F9, #C4E7F3, #59BFED, #1FA562, #203A63)
• Dusty Lilac color palette (#E7FAF3, #C1CE9C, #AFB9F7, #B493D2, #2E4940)
• Wandering Ash Study color palette (#F8F0EB, #C0EDEA, #7EA0C0, #457666, #41303C)

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