Cocoa Harbor color palette — #FFE9F2 · #926F3C · #683700 · #481500 · #1D1500

Bronze and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FFE9F2): A whisper-light, dusty rose — the color of pressed rose petals.
• Walnut (#926F3C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#683700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#481500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1D1500): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns 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

• Softworn Olive color palette (#D5E9DD, #767B34, #514500, #362400, #0F1A00)
• Weathered Chestnut color palette (#F5D4DF, #A38244, #7A4900, #5A2500, #2B2400)
• Nocturne Ridge color palette (#F3DFEA, #844800, #4B1A00, #290001, #060300)
• Bronze Delta color palette (#FFECDB, #CB933C, #B66500, #95390B, #1F1400)
• Chestnut Cabin color palette (#DBEEDC, #A7965F, #7C5E2C, #5F3A1A, #0F3929)
• Tempered Denim Terrace color palette (#E1EFFE, #005294, #732700, #2F2900, #000E20)
• Washed Bronze color palette (#D7E6F5, #9A7300, #002945, #1E1823, #000A16)
• Antique Bronze Bloom color palette (#EBFAEA, #91B098, #8B6C46, #694557, #2B4336)

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