Washed Coast color palette — #F5DAFC · #FFAFC0 · #04C686 · #D50061 · #003823

Fuchsia and Clover set the tone — five colors that lean into energy and balance.

The five colors

• Thistle (#F5DAFC): A whisper-light, dusty pink — the color of neon signs at night.
• Ballet Pink (#FFAFC0): A whisper-light, balanced red — the color of embers at dusk.
• Clover (#04C686): A luminous, vivid teal — the color of sea glass.
• Fuchsia (#D50061): A full-bodied, vivid red — the color of embers at dusk.
• Deep Forest (#003823): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Hushed Terrace color palette (#EBDEFF, #FFA8E5, #03C68C, #C600A4, #003824)
• Muted Rose Harbor color palette (#F2DCF4, #FF8E9D, #00BDCB, #F61960, #00353A)
• Hazy Ember Garden color palette (#FFF0FB, #FFAD9C, #27D9EF, #F2472B, #00434B)
• Ember Delta color palette (#ECD7E2, #F79057, #00B5C7, #CD5C00, #002F35)
• Rust Summit color palette (#FDD0DF, #D7B35B, #D17E00, #C04000, #2B2B00)
• Faded Raspberry color palette (#FBDFE7, #F00580, #00856C, #8D0048, #001B14)
• Blush Courtyard color palette (#F0DDE0, #FF6C8E, #00B59A, #2293B8, #48031A)
• Feathered Byzantium Lantern color palette (#E3E1FD, #E4B2FF, #93B903, #AB01E4, #273300)

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