Worn Coast color palette — #FFF1F0 · #FFC5D1 · #F36D7A · #A1534D · #3F3834

Built around Watermelon, softened by Brick — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Shell Pink (#FFC5D1): A whisper-light, dusty red — the color of late-summer berries.
• Watermelon (#F36D7A): A luminous, vivid red — the color of late-summer berries.
• Brick (#A1534D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#3F3834): quiet, heavy and certain.

Feels like: Warmth, Comfort, Balance. Tagged 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

• Peony Archive color palette (#FFF1F4, #FECBFC, #DF6EB1, #A15074, #5A322A)
• Washed Coral color palette (#FEE7FF, #FFADD1, #ED8A8B, #AD6E50, #4F4944)
• Quiet Harbor color palette (#FFF2ED, #FFC3BF, #0AD7D9, #D25E5E, #004142)
• Washed Rust Lagoon color palette (#FCD2EF, #DC92AC, #B15A65, #7E3928, #4A260B)
• Amber Garden color palette (#FFF2EB, #FFC5A7, #E88400, #956C1B, #45413A)
• Pale Garden color palette (#FFF2EB, #EAD7C6, #F48260, #92432B, #350B02)
• Faded Scarlet color palette (#FFE6E9, #FF9A90, #E23A00, #803C00, #3F2200)
• Muted Rose color palette (#FFDFE6, #EC2E61, #9D030F, #421000, #040100)

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