Softworn Coast color palette — #F6F3FC · #D6B5CA · #62577A · #3C3251 · #2B232A

Graphite and Navy set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F6F3FC): a clean, paper-quiet neutral.
• Rosewood Mist (#D6B5CA): A luminous, dusty pink — the color of neon signs at night.
• Graphite (#62577A): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#3C3251): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#2B232A): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Worn Plum Alley color palette (#F7F3FA, #CAB8DA, #AD675F, #9F4C7A, #362934)
• Washed Pewter Pier color palette (#F1F1F9, #B5CD9C, #6F5582, #2F2D4A, #13131C)
• Hushed Sand color palette (#FFF1F2, #FFD3BD, #BF9092, #7E6666, #342828)
• Tempered Driftwood color palette (#FDF2F5, #C4DAA9, #8B719F, #63424D, #33282B)
• Tempered Workshop color palette (#EDF9EC, #BF9AB8, #986B52, #516124, #55404F)
• Pine Lagoon color palette (#F0F5FF, #7F8CB7, #387B4E, #005856, #23333F)
• Muted Delta color palette (#F7F3F9, #DED7DA, #B6AAA0, #AC6C7F, #555058)
• Weathered Forest Villa color palette (#FFF0F8, #BA8163, #708852, #17704F, #4B3641)

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