Weathered Coast color palette — #FFF0FC · #F3A083 · #AF6E48 · #7B5836 · #3A503C

Built around Melon, softened by Mocha — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Melon (#F3A083): A luminous, balanced orange — the color of toasted spice.
• Mocha (#AF6E48): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7B5836): A full-bodied, dusty gold — the color of old brass.
• Deep Olive (#3A503C): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Wandering Blush Basin color palette (#FAE5FF, #F79C9E, #C07162, #80533C, #614551)
• Amber Grove color palette (#FFF2EB, #FBC4AB, #E4A076, #BD804B, #544E48)
• Apricot Chapel color palette (#FFF1F6, #E69D62, #6B9FC6, #966640, #385065)
• Softworn Drift color palette (#FFF1F7, #D1B28D, #9C7285, #705366, #3E4C41)
• Dusty Sand Station color palette (#E5FDE3, #F0C384, #9D7843, #694820, #2A422B)
• Mustard Villa color palette (#DBFDD9, #D1AF5C, #8E8136, #616634, #33564D)
• Washed Thicket color palette (#EADAD3, #F08602, #946000, #674E00, #2F4412)
• Amber Study color palette (#FEEBDE, #C07B00, #755700, #463D00, #0E3010)

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