Softworn Cocoa Harbor color palette — #FFF1F6 · #D1B971 · #754300 · #271300 · #040001

Bronze takes the lead with Sand close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sand (#D1B971): A luminous, balanced green — the color of new leaves after rain.
• Bronze (#754300): A full-bodied, balanced gold — the color of old brass.
• Ink (#271300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Aged Mustard Courtyard color palette (#EAF9F3, #E5B064, #4D5700, #171B00, #000201)
• Softworn Chestnut Lagoon color palette (#EDF9ED, #E9CD8B, #855900, #382300, #000501)
• Washed Workshop color palette (#E6DCD1, #E6AD46, #A86800, #663E04, #130901)
• Mulberry Bloom color palette (#FBF1FC, #C1C06B, #911C3B, #35000E, #030004)
• Marigold Garden color palette (#FFF1F5, #F1AA57, #008B6A, #8B5500, #000202)
• Timeworn Olive Quarry color palette (#FFF3E5, #C5BE67, #5D8300, #004F2C, #001713)
• Weathered Pine Lagoon color palette (#E3FBFB, #FFCDA4, #007F54, #003823, #000A0A)
• Patina Lagoon Study color palette (#EDF8F6, #DFD5CC, #5B9289, #254F48, #101E1C)

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