Worn Coast color palette — #FAF3F8 · #D6D6EA · #7C9EB8 · #4D7A63 · #45536A

Teal takes the lead with Blue Fog close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Silver (#D6D6EA): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7C9EB8): A luminous, dusty blue — the color of open sky before noon.
• Teal (#4D7A63): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#45536A): A full-bodied, dusty violet — the color of wild irises.

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

• Timeworn Studio color palette (#F1F7F2, #D4E0F0, #87BACE, #39988C, #39566D)
• Worn Study color palette (#F5F1EB, #C7E3DE, #67A6BE, #0A7C71, #183E33)
• Denim Field color palette (#F7EAF5, #56AEB7, #005F82, #004123, #031C49)
• Dusty Pier color palette (#FFF0FA, #D6A193, #58A6B4, #A35C4A, #2D5362)
• Weathered Bone color palette (#FDF1FD, #E7D8D6, #AFE6D8, #8D7D9E, #624C56)
• Cerulean Harbor color palette (#FFF0FA, #C28774, #4096B0, #4973A3, #4F3B48)
• Navy Study color palette (#E9DEE4, #398CA2, #003F6A, #00231A, #05002C)
• Weathered Cobalt Lagoon color palette (#FEF1F7, #ACD4EE, #3D7FD7, #00685B, #3C3572)

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