Cocoa Harbor color palette — #FEF3E8 · #B8A486 · #8E6A46 · #7B3F1D · #403D36

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

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Camel (#B8A486): A luminous, dusty gold — the color of old brass.
• Walnut (#8E6A46): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#7B3F1D): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal (#403D36): a grounded near-black with real depth.

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

• Cocoa Dune color palette (#F3E5D5, #AA936D, #805C29, #693300, #33302A)
• Bronze Hollow color palette (#F9F5EA, #BFB89C, #987C36, #7B550E, #4F4A00)
• Amber Orchard color palette (#FFF1F6, #A1C9AE, #B48456, #8D5951, #27443B)
• Tempered Taupe Summit color palette (#FFF1F5, #E9CC9A, #CFA276, #A27A90, #2D4336)
• Bronze Grove color palette (#EBE1D3, #857624, #594100, #3C2100, #161800)
• Wandering Fern color palette (#FCF1FC, #5D83B8, #9A6045, #565700, #3F2A3F)
• Twilit Onyx color palette (#FEDFCD, #7D4B27, #4F1600, #280003, #070200)
• Wandering Chestnut Canyon color palette (#FDF1F9, #6877BA, #934500, #384F00, #152E1D)

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