Weathered Coast color palette — #FDF2F3 · #9A7198 · #6F6F32 · #005B56 · #43303E

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

The five colors

• Ivory (#FDF2F3): bright and airy, almost weightless.
• Heather (#9A7198): A luminous, dusty pink — the color of neon signs at night.
• Olive (#6F6F32): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005B56): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#43303E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Pine Boulevard color palette (#FEF2EF, #A86E71, #3A7950, #005173, #412D32)
• Forest Cabin color palette (#FFF1F6, #8B7BA7, #8B6325, #0E592B, #21362F)
• Washed Bronze color palette (#FFF2F0, #B98898, #866D30, #006253, #334165)
• Worn Chapel color palette (#FDEDEF, #B679B1, #906500, #005166, #291719)
• Hushed Forest Coast color palette (#FDF4E5, #CC95AE, #A0655B, #266849, #5C403A)
• Muted Driftwood Basin color palette (#FBF3F3, #DFD8D3, #A8AFA4, #9D738C, #5C4F4F)
• Plum Harbor color palette (#FFF1F1, #BC3379, #3E5F00, #004248, #211946)
• Worn Studio color palette (#FFF2EF, #964150, #00592C, #003E53, #35121E)

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