Weathered Coast color palette — #FAF3F5 · #C8B6E6 · #A76A68 · #7B58AA · #521800

Slate and Espresso set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Lavender (#C8B6E6): A luminous, dusty violet — the color of wild irises.
• Mocha (#A76A68): A full-bodied, dusty orange — the color of sun-warmed clay.
• Slate (#7B58AA): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#521800): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Creativity, Balance. Tagged duotone.

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

• Aged Indigo color palette (#FAF3F7, #DBB2CA, #A2678B, #6560B5, #392929)
• Hushed Bronze color palette (#F6F0F4, #B7C0F1, #BC6A45, #626BAF, #1D130D)
• Cocoa Thicket color palette (#FFF1F4, #DDB3D4, #AD6E85, #8F3E4D, #7A2E1C)
• Fern Station color palette (#FDF4E6, #BE9ABA, #A0636C, #3B6632, #5B3F3F)
• Muted Grove color palette (#F2F5FC, #C4CFFB, #DF7C63, #7B88C3, #362932)
• Driftwood Station color palette (#FBF3F4, #DFD8D5, #AAAEA4, #97749B, #5B4F51)
• Aubergine Pier color palette (#FFF1F3, #C885CE, #A73E00, #8A0096, #311400)
• Plum Corridor color palette (#EFDAD8, #BA4778, #593600, #5F0033, #070200)

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