Weathered Coast color palette — #FFF2ED · #FF9B95 · #008A71 · #AC3034 · #010200

A conversation between Ruby and Melon, giving this palette its sense of balance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Melon (#FF9B95): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#008A71): A full-bodied, balanced teal — the color of sea glass.
• Ruby (#AC3034): A full-bodied, vivid orange — the color of sun-warmed clay.
• Black (#010200): quiet, heavy and certain.

Feels like: Balance. Tagged duotone.

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

• Muted Olive Studio color palette (#FFF2EF, #FF97AE, #2C8D18, #AC2754, #010100)
• Patina Apricot color palette (#FFF3E8, #FFA152, #008B6F, #944F00, #010200)
• Powdered Emerald color palette (#FFF2EB, #FFBEAA, #17A45C, #BB5131, #040600)
• Pale Ridge color palette (#FFF2EA, #FC742C, #00705D, #803100, #000200)
• Frosted Fuchsia color palette (#FFF1F2, #FF89EA, #6E9520, #832A76, #010100)
• Soft Apricot Studio color palette (#FFF0F0, #FF9A48, #857500, #2B4F00, #00140D)
• Soft Alley color palette (#F4E7ED, #FFA35F, #B39000, #CC6A00, #001206)
• Timeworn Ember color palette (#FFF2EC, #F65124, #007271, #50156D, #170024)

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