Weathered Coast color palette — #F8F3F8 · #E2D8D8 · #CEBBB4 · #4F76A7 · #4E444E

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#E2D8D8): bright and airy, almost weightless.
• Stone (#CEBBB4): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#4F76A7): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#4E444E): A full-bodied, dusty pink — the color of peonies in June.

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

• Cobalt Veranda color palette (#EEF2F8, #DAD6E3, #C4B9CB, #5775A8, #272C33)
• Grape Lagoon color palette (#FBF3F5, #E4D7CF, #D3B4A8, #8151A5, #4C3A40)
• Indigo Corridor color palette (#EEE0E7, #6D62B9, #432A2D, #2D1624, #0B1618)
• Fern Pier color palette (#E7FCE9, #A0BDB4, #9C7C88, #536A29, #31524A)
• Washed Ultramarine Station color palette (#FDF1F9, #E4CBD1, #BF9D9A, #4542C3, #3F2C39)
• Olive Quarry color palette (#FEF3E9, #BCAE8C, #5C7F49, #764C53, #533F00)
• Powdered Forest color palette (#F4F8E1, #43A6BD, #6A5F9C, #075E1F, #23453B)
• Washed Corridor color palette (#F6EBED, #D7C8C6, #B7998A, #792E89, #3E262B)

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