Weathered Coast color palette — #F6F6EB · #C4DFB4 · #C6BEF9 · #83BB5B · #654053

Clover takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Celadon Mist (#C4DFB4): A whisper-light, dusty green — the color of fresh herbs.
• Lavender (#C6BEF9): A whisper-light, balanced violet — the color of twilight just after sunset.
• Clover (#83BB5B): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#654053): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Softness, Clarity. Tagged 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

• Hushed Teal Grove color palette (#F1F7ED, #A6E4D2, #F6ADD4, #1DC3A3, #653F54)
• Antique Corridor color palette (#FAF4EB, #E6D49E, #B2C4FF, #C8A42D, #404B6F)
• Softworn Moss Dune color palette (#ECF9F4, #BBCC99, #BDA3E3, #7D9933, #484A68)
• Hushed Emerald color palette (#F8F7DA, #C7E4C2, #9BC390, #659554, #2A4120)
• Fuchsia Boulevard color palette (#E8F2E4, #57D7C1, #E48DD7, #00A894, #511F4A)
• Patina Stone Meadow color palette (#E5F7EF, #AFBB6E, #AB8FC0, #6F783D, #2F2D48)
• Tempered Fern Dune color palette (#F9F6E5, #CFE5D6, #DEB685, #B7B4C1, #41530B)
• Hushed Fuchsia color palette (#F7F7E1, #B4ED8B, #FD87DE, #569800, #601750)

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