Cocoa Harbor color palette — #FFEDEA · #A96579 · #612A00 · #312523 · #1A1311

A conversation between Rust and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFEDEA): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#A96579): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#612A00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#312523): a grounded near-black with real depth.
• Ink (#1A1311): a grounded near-black with real depth.

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

• Bronze Terrace color palette (#FEEFE4, #B0683D, #403C36, #2F2720, #19140E)
• Tempered Market color palette (#FCEEEC, #CC8395, #66534D, #47322E, #291F1E)
• Antique Blush Balcony color palette (#F6EFF8, #F596B1, #8A7383, #5A505E, #222027)
• Brick Archive color palette (#FEDCCF, #C50022, #3E2408, #2B0E03, #110501)
• Nocturne Delta color palette (#EDDEC3, #6F5700, #172300, #140B00, #020200)
• Cocoa Drift color palette (#FFF2EB, #C18873, #4A96A7, #4D7D98, #683102)
• Garnet Meadow color palette (#EEDED9, #474900, #5B001C, #1F1B0C, #0B0200)
• Bronze Alley color palette (#FFF2EC, #D9A091, #5DA4BE, #9F5F4F, #345545)

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