Cocoa Harbor color palette — #FFEBD1 · #E0D8E0 · #AC9F9F · #6B4400 · #2C251D

A conversation between Bronze and Cream, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFEBD1): A whisper-light, dusty gold — the color of honey in a jar.
• Silver (#E0D8E0): a clean, paper-quiet neutral.
• Taupe (#AC9F9F): a calm mid-gray that lets other colors speak.
• Bronze (#6B4400): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2C251D): quiet, heavy and certain.

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

• Driftwood Basin color palette (#F9F5EC, #DFDECC, #9F823C, #594200, #1F1B12)
• Worn Stone color palette (#F6F5EF, #D6DCD8, #B1B4BE, #A4B784, #4F4E43)
• Muted Chartreuse Courtyard color palette (#FFE7EE, #A7F849, #D3C9C1, #393932, #1B1A0E)
• Antique Glacier Grove color palette (#FFD7F2, #43E9FD, #FFA099, #58454A, #3A3339)
• Driftwood Veranda color palette (#FAF5E7, #C9C78F, #6DBBD2, #A36D99, #34322B)
• Timeworn Summit color palette (#FBF1FF, #F0F965, #E9D7D8, #4D3F00, #2A2821)
• Ancient Lagoon Basin color palette (#F6F6EB, #A9C598, #23A1A4, #8E4F70, #2A2A16)
• Mustard Alley color palette (#F3EAF6, #00EBD4, #E4B425, #32332C, #201D19)

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