Weathered Coast color palette — #F0F6FC · #DBD7E3 · #B1B0CB · #3B6696 · #333B45

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DBD7E3): bright and airy, almost weightless.
• Ash (#B1B0CB): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#3B6696): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#333B45): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Wandering Terrace color palette (#F7EFF6, #E3D1D4, #C2B2BB, #466498, #261D25)
• Washed Driftwood color palette (#D5E5F5, #AAA1D4, #9E6889, #31615C, #154758)
• Patina Plum color palette (#F6F4FC, #E4D5DC, #CCB3C7, #964790, #413D4B)
• Grape Drift color palette (#F3F4FF, #D4CEE9, #CA95A9, #6933B8, #2F3143)
• Periwinkle Chapel color palette (#F9F3F9, #E5D5D7, #CEBAB9, #76A1DF, #413741)
• Washed Navy Orchard color palette (#D9DFE8, #B4B8C9, #8F88AC, #153A97, #16202E)
• Mulberry Bloom color palette (#F0EDF4, #D4C7D7, #B695AA, #83306B, #302C35)
• Worn Atelier color palette (#ECFAED, #9E9E70, #47702C, #454670, #1C3D2F)

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