Softworn Cocoa Coast color palette — #FDF3EC · #CCBFA8 · #7B875A · #815964 · #664700
A conversation between Bronze and Driftwood, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF3EC): bright and airy, almost weightless.
- Stone (#CCBFA8): A luminous, dusty gold — the color of old brass.
- Driftwood (#7B875A): A luminous, dusty green — the color of fresh herbs.
- Graphite (#815964): A full-bodied, dusty red — the color of a theater curtain.
- Bronze (#664700): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Softworn Cocoa 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 Pier color palette (#FBF4EB, #C7C2A5, #7A8945, #4B7059, #594D00)
- Timeworn Olive color palette (#FEF3E8, #BCAF8A, #587F4D, #5A5280, #524000)
- Softworn Driftwood color palette (#EAF5ED, #AACCBE, #768A63, #4B6577, #24352E)
- Tempered Cerulean Hollow color palette (#FFF1F5, #E4D9D2, #BFCA9D, #788AB7, #5F4B4E)
- Muted Violet Courtyard color palette (#FFF1F5, #BDA5CE, #84A471, #8B5BA7, #4D4E46)
- Dusty Study color palette (#F9F4EF, #EED8E0, #8E95C6, #007E86, #664953)
- Ancient Cypress Station color palette (#FAF5EB, #9E9D79, #007554, #6D374A, #36362F)
- Eclipse Boulevard color palette (#F2DCC9, #695E1C, #193300, #2A002B, #080600)
Browse the whole catalog at Explore, or see today's palette.