Weathered Coast color palette — #F0F8EB · #86D7BF · #E497AF · #4C9E87 · #64433F

Ballet Pink takes the lead with Fern close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F0F8EB): bright and airy, almost weightless.
• Lagoon (#86D7BF): A whisper-light, balanced teal — the color of shallow lagoons.
• Ballet Pink (#E497AF): A luminous, balanced rose — the color of strawberry cream.
• Fern (#4C9E87): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#64433F): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. 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

• Apricot Harbor color palette (#E9FAF1, #89D0EC, #F1967B, #2A99BF, #534B47)
• Worn Teal color palette (#E8F9FB, #97E7D5, #EFB3CC, #62BBA8, #564563)
• Washed Lilac Quarry color palette (#F6F6E7, #B0D09B, #B3A2F6, #719A54, #5F4351)
• Blush Drift color palette (#EFF9E6, #71C4A9, #D489B4, #BA817A, #3C4633)
• Misty Coral color palette (#E8FBE8, #00C7C6, #FF5B5D, #008988, #602424)
• Teal Alley color palette (#E2FAFE, #5FC5B0, #8894D2, #398172, #424D65)
• Tempered Bronze Bloom color palette (#FBF5E6, #D0CCAC, #A39D6E, #966B2D, #464D00)
• Softworn Cerulean Boulevard color palette (#EEF8F3, #F6C4B7, #4687A1, #345546, #232E29)

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