Worn Coast color palette — #FFF0F8 · #E2C0CA · #BF8F77 · #856B82 · #3E4B42

Caramel takes the lead with Slate close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Oat (#E2C0CA): A whisper-light, dusty rose — the color of pressed rose petals.
• Caramel (#BF8F77): A luminous, dusty orange — the color of autumn markets.
• Slate (#856B82): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#3E4B42): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Dusty Taupe Loft color palette (#EAFAF0, #B0D4C7, #A89C6B, #8D6974, #394C49)
• Dusty Summit color palette (#FEF3EB, #E9D6BE, #D2AD94, #AE887E, #594500)
• Mint Delta color palette (#E7FAF5, #92B973, #C782AD, #947447, #30413D)
• Pale Amber Atelier color palette (#FFE7EE, #CBB269, #B97500, #954723, #36390C)
• Worn Workshop color palette (#ECF8F9, #F5C7A3, #468D78, #24565A, #222E2F)
• Bronze Boulevard color palette (#E1F5E3, #A7A166, #936900, #773A00, #002C23)
• Hushed Iris color palette (#EBF8FB, #4BAEAB, #9675BC, #8E5638, #20373A)
• Fern Workshop color palette (#D7EBE0, #7F9656, #6B6200, #533700, #001B19)

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