Softworn Coast color palette — #FBF4ED · #DED1B6 · #93B182 · #874700 · #37322D

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Wheat (#DED1B6): A whisper-light, dusty gold — the color of old brass.
• Sage (#93B182): A luminous, dusty green — the color of fresh herbs.
• Bronze (#874700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#37322D): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Terracotta Station color palette (#FFF2ED, #E1CFBD, #ADA97C, #A02724, #571F00)
• Ancient Fern color palette (#F7F5EF, #D3DCD5, #A7B9A5, #63692E, #3C3B34)
• Hushed Chestnut Chapel color palette (#FFECF2, #BEDDC5, #91B5A4, #804E00, #25141A)
• Bronze Delta color palette (#F9F4EF, #D9DCD4, #9DB0B3, #A6773D, #57514B)
• Timeworn Fern color palette (#E5E4DD, #B5BCA9, #77987B, #3A4C00, #212013)
• Muted Orchard color palette (#F4EDE2, #9E9A86, #517C60, #3A2700, #100700)
• Gentle Emerald color palette (#F5EBCA, #54A75B, #00695C, #612C58, #153618)
• Airy Pine color palette (#FAD9D4, #BC941E, #058A31, #6D306E, #5B1E37)

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