Washed Coast color palette — #FFF1F3 · #FFA397 · #CE6B3C · #7C4900 · #352600

A conversation between Coral Clay and Melon, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Melon (#FFA397): A luminous, balanced orange — the color of toasted spice.
• Coral Clay (#CE6B3C): A luminous, balanced orange — the color of autumn markets.
• Bronze (#7C4900): A full-bodied, balanced gold — the color of old brass.
• Espresso (#352600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Washed 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

• Timeworn Balcony color palette (#FFF2E9, #E2C198, #B67956, #794946, #2C1F01)
• Rose Hollow color palette (#FFEDF7, #FFA2C2, #CD5F67, #9B4029, #491E00)
• Feathered Amber Dune color palette (#FFF1EB, #FCAA61, #BD8800, #736200, #252C00)
• Worn Tangerine color palette (#FFE7E1, #F39C79, #E57D3F, #B76000, #583000)
• Tempered Bronze Ridge color palette (#FFE3D7, #B96600, #755000, #2F2900, #010200)
• Amber Bloom color palette (#FFF3E5, #FFD29A, #C07D2D, #673B00, #180C00)
• Soft Bronze color palette (#FFF3E8, #F7AC6F, #40B5DE, #AE5F00, #002D3C)
• Ember Terrace color palette (#FFE7E5, #E75D32, #9F5300, #4B3100, #130F00)

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