Softworn Coast color palette — #FFF0F8 · #92B093 · #96654D · #724147 · #264536

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sage (#92B093): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#96654D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Coffee (#724147): A full-bodied, dusty red — the color of late-summer berries.
• Forest (#264536): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Taupe color palette (#ECFAEC, #ABAA7B, #5C7C5E, #68455B, #23443E)
• Chestnut Harbor color palette (#F6E1ED, #B38F62, #8D5238, #682F3A, #123927)
• Weathered Loft color palette (#FFEEE2, #C2A689, #9A674A, #773629, #2F1F06)
• Pewter Delta color palette (#FFF0F8, #D7B2BF, #B38368, #8F594E, #2F4331)
• Softworn Alley color palette (#D1FAE3, #8BA771, #766B00, #683E00, #003E3E)
• Weathered Summit color palette (#F2F0FF, #C898C1, #A76271, #7F3513, #583900)
• Nightshade Courtyard color palette (#F3F5FD, #B0A6D8, #9E5D1B, #644EA0, #311D26)
• Dusty Denim color palette (#F2F5FF, #95BA92, #4E497D, #242B4C, #1E1A25)

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