Cocoa Harbor color palette — #FFF4DF · #C9CBB0 · #8B9987 · #7F6A6A · #793E1A

Built around Bronze, softened by Pistachio — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#C9CBB0): A whisper-light, dusty green — the color of new leaves after rain.
• Eucalyptus (#8B9987): A luminous, dusty green — the color of fresh herbs.
• Pewter (#7F6A6A): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#793E1A): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Softworn Chestnut color palette (#EFF4D5, #A7C3A3, #678D81, #8C5328, #5A4C00)
• Softworn Driftwood color palette (#EFF9E6, #CBD7C9, #9FB4A4, #92798C, #644B59)
• Hushed Basalt Ridge color palette (#E6F1D3, #699F87, #507963, #6B373E, #51240F)
• Petrol Cabin color palette (#DBF9F8, #B2D2D5, #779EA8, #4D6481, #394359)
• Quiet Workshop color palette (#E8EDA8, #87B794, #298A94, #82444D, #5F3927)
• Antique Cypress Corridor color palette (#F1F8E8, #7BC1A2, #BA84AF, #378364, #644246)
• Fern Grove color palette (#F0F9E6, #5EA98B, #A97898, #95615E, #344B05)
• Aged Denim Station color palette (#D1EACF, #4C928A, #0B5C7F, #512617, #2A1E00)

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