Cocoa Harbor color palette — #FFEADF · #662500 · #361500 · #060F00 · #020007

Rust takes the lead with Onyx close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFEADF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rust (#662500): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#361500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#060F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Midnight Garnet Villa color palette (#FEE2D7, #90020F, #252300, #0B0A00, #010009)
• Smoked Atelier color palette (#E3E5CB, #7A42AE, #630012, #001012, #030003)
• Lowlit Aubergine Quarry color palette (#F1DADF, #5C4A00, #540063, #1C1900, #000806)
• Twilit Aubergine Workshop color palette (#FEDCE3, #700088, #410014, #000601, #030004)
• Dusty Boulevard color palette (#FFF3E8, #9D5700, #5F3B00, #002728, #040001)
• Dusty Plum color palette (#EFEBFE, #AC41A1, #7D003D, #1D0600, #020100)
• Twilit Loft color palette (#F7D4D6, #8B1C77, #00351E, #24232A, #000A09)
• Byzantium Grove color palette (#E4E1F5, #A12FA2, #585500, #003B33, #00010C)

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