Cocoa Harbor color palette — #EADFD5 · #BEB2A4 · #A6936D · #7F3F00 · #1C1108

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

The five colors

• Parchment (#EADFD5): bright and airy, almost weightless.
• Stone (#BEB2A4): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A6936D): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#7F3F00): A full-bodied, balanced gold — the color of old brass.
• Ink (#1C1108): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Mulberry Canyon color palette (#F4E4E1, #C3AFA7, #BA8870, #8A2C46, #220D09)
• Timeworn Balcony color palette (#EEE7DD, #A9A596, #7B8E65, #574200, #0F0800)
• Worn Bronze color palette (#F2E4EA, #A6B9B5, #83A1A2, #AF5400, #210B17)
• Hushed Fern color palette (#E8E8DD, #C2C6B8, #98AC87, #426F06, #21200D)
• Misty Tangerine Atelier color palette (#EEDECB, #FF7249, #B67900, #5E6900, #130C00)
• Muted Forest color palette (#EBE5D4, #6E912F, #006517, #651B02, #0A1300)
• Timeworn Balcony color palette (#FCF4EB, #E8DCCA, #CBBD94, #A96500, #37322C)
• Sunlit Navy color palette (#EBE0D3, #8E5800, #00523A, #001B68, #160007)

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