Softworn Coast color palette — #F5EFFC · #9DBF8E · #74425E · #2E213A · #100916

Coffee and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5EFFC): bright and airy, almost weightless.
• Sage (#9DBF8E): A luminous, dusty green — the color of fresh herbs.
• Coffee (#74425E): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Indigo (#2E213A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#100916): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, 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

• Hushed Thicket color palette (#F9F2FB, #C3AB7A, #7D3749, #4C1B28, #291C2C)
• Muted Pewter Basin color palette (#FEF2F1, #AECFA7, #955E78, #5E3247, #2D1D1C)
• Mustard Loft color palette (#FFECF4, #B9A940, #753900, #361700, #11030A)
• Patina Mulberry Balcony color palette (#F4F0F7, #D9A0B6, #558435, #9D3D6A, #00120F)
• Quiet Basin color palette (#F3E3F4, #87A200, #770028, #31000B, #070009)
• Aged Navy color palette (#E1FAE4, #CC858D, #7F6827, #2F437A, #311A29)
• Driftwood Balcony color palette (#F7E5EB, #A38C39, #523000, #1D0E00, #060002)
• Hushed Veranda color palette (#E7F6EE, #8D8A30, #5D691D, #005049, #160A1F)

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