Softworn Cocoa Harbor color palette — #FEF3EC · #EAD5C4 · #DBA996 · #B9817E · #643E00

Bronze takes the lead with Dusty Rose close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FEF3EC): a clean, paper-quiet neutral.
• Bone (#EAD5C4): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#DBA996): A luminous, dusty orange — the color of autumn markets.
• Dusty Rose (#B9817E): A luminous, dusty orange — the color of autumn markets.
• Bronze (#643E00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

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

• Muted Basalt color palette (#FCF4E5, #DAD1AC, #B7AD7E, #A08355, #443F00)
• Weathered Stone Lantern color palette (#FCF2F8, #EDD4D1, #D4A090, #87718E, #334439)
• Worn Garden color palette (#FFEADA, #E7C096, #DC8E5B, #CD5335, #463100)
• Driftwood Meadow color palette (#FEECF7, #DBB296, #A37666, #665063, #252F24)
• Weathered Bronze Station color palette (#F0DECC, #C7AD84, #B98048, #A0532B, #2D2300)
• Bronze Meadow color palette (#FCEACE, #AAA164, #9C7600, #7F4D00, #151800)
• Timeworn Ridge color palette (#FFF2EE, #F1ADB5, #8AC5AB, #56A5C3, #4F3630)
• Softworn Terracotta color palette (#FCE5D6, #A7734D, #A03A00, #790715, #070300)

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