Weathered Coast color palette — #FCF2F6 · #D8D4DE · #C3BDE5 · #689BA8 · #484C62

Built around Slate Blue, softened by Lavender — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Silver (#D8D4DE): bright and airy, almost weightless.
• Lavender (#C3BDE5): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#689BA8): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#484C62): A full-bodied, dusty violet — the color of wild irises.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered 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

• Sand Alley color palette (#EEF6FF, #D8D8F4, #FDBB8F, #769DCC, #573D4A)
• Powder Thicket color palette (#E5FAFF, #C3DFFE, #7AC2F4, #6983AD, #495069)
• Worn Petrol Loft color palette (#EBF4F3, #D5D9ED, #80A0C0, #31748E, #27374B)
• Powder Quarry color palette (#ECF7FF, #DEDAE4, #97C4D1, #B8AFA3, #4C535F)
• Worn Petrol color palette (#F9F4EF, #CDE3E5, #AD8DAA, #197D86, #65485A)
• Ancient Teal color palette (#EFE5F0, #4BB5B1, #005E74, #012E05, #000104)
• Sky Loft color palette (#FFF0FD, #CFDAF0, #1ABDFC, #008D53, #203458)
• Dusty Hollow color palette (#ECF7FF, #90D5FF, #D3B86E, #B1A174, #2A3B47)

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