Weathered Coast color palette — #F4F4FF · #E0D6DF · #E7B4D5 · #B7B1A8 · #454153

Carnation and Charcoal set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Silver (#E0D6DF): bright and airy, almost weightless.
• Carnation (#E7B4D5): A whisper-light, dusty pink — the color of a candy shop window.
• Ash (#B7B1A8): soft and architectural.
• Charcoal (#454153): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Tempered Apricot color palette (#FEF0FC, #E7D9D6, #FBA687, #C5B9A2, #402B3C)
• Softworn Teal Quarry color palette (#E7FAF8, #C8D9F4, #81BDA9, #778995, #334B4C)
• Aged Pier color palette (#F7F3FF, #ECD6D7, #D891B4, #A37082, #5C4A61)
• Patina Sand color palette (#FBF1FE, #F7D3CB, #DBCD8A, #C48596, #304E3D)
• Blush Boulevard color palette (#FBEEF1, #E3D5EE, #E2BBFC, #D875A3, #3E1E23)
• Tempered Hollow color palette (#F5F3FF, #D88FE1, #585066, #2B2934, #0F0F15)
• Hushed Amber color palette (#FFF2EC, #E6D7CC, #FFAF89, #D68800, #2F1100)
• Softworn Ember Grove color palette (#FFE8F9, #FF8A9A, #FC4518, #A45400, #030000)

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