Worn Coast color palette — #FFF0FE · #FFD7D2 · #E49F8E · #A26A55 · #5F3E51

Melon and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Shell Pink (#FFD7D2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#E49F8E): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#A26A55): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#5F3E51): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Washed Cabin color palette (#FFF2EE, #E9A198, #C66A56, #8E5640, #554E4A)
• Stone Canyon color palette (#F6F3FF, #FAD2D7, #D798BB, #A46F87, #5D4966)
• Softworn Grove color palette (#FFF1F7, #E5DFD3, #D8A382, #916445, #442134)
• Worn Amber color palette (#FFF0FA, #F0D8C1, #D3BFFE, #D0836E, #404361)
• Hushed Chapel color palette (#FFF1F5, #E4E2C7, #D9B474, #8F7740, #375945)
• Weathered Cabin color palette (#FFDFCD, #FE9332, #B06A00, #694300, #271800)
• Hazy Amber Grove color palette (#FFF2ED, #FFAE85, #DB7000, #945200, #472900)
• Dusty Sand Archive color palette (#FFF0F8, #FEBA94, #B6C37D, #C78EAD, #46313C)

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