Cocoa Harbor color palette — #FDF3EE · #B5B17D · #7A3C39 · #4D1C1B · #271B09

Rust and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Sage (#B5B17D): A luminous, dusty green — the color of fresh herbs.
• Rust (#7A3C39): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4D1C1B): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#271B09): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Aged Pier color palette (#FFF1F2, #A6B683, #703B68, #42203C, #2E1C1E)
• Dusty Cocoa Balcony color palette (#F8EFF5, #D8A976, #80402D, #381C30, #130810)
• Hushed Harbor color palette (#FAF4EF, #D0BE9B, #7B5434, #532E00, #29261B)
• Aged Taupe Villa color palette (#FDF4E5, #BE9D53, #5C4400, #332400, #141400)
• Terracotta Orchard color palette (#FCF3EF, #D69F92, #6B770F, #A72E12, #29240A)
• Antique Straw Archive color palette (#FDF0FC, #E5D783, #C2807F, #735971, #271F26)
• Worn Aubergine color palette (#FFF3E5, #C18965, #6C6F20, #533C89, #413C36)
• Inked Harbor color palette (#F0E6DA, #755B00, #232F30, #1F1100, #040200)

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