Cocoa Harbor color palette — #FFE2CA · #C1C394 · #6BA195 · #936370 · #6B3949

Cocoa takes the lead with Pewter close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#FFE2CA): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#C1C394): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#6BA195): A luminous, dusty teal — the color of glacier melt.
• Pewter (#936370): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#6B3949): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Cocoa Bloom color palette (#D8EDD9, #9EC5BE, #6D929E, #755C72, #613633)
• Patina Stone color palette (#FFDEE0, #E9B880, #88A176, #876595, #583665)
• Antique Teal color palette (#FFF2E9, #DADA9B, #00BEB4, #A26577, #643342)
• Frosted Courtyard color palette (#E6F1BF, #A0DAA5, #6EC0B5, #9181B4, #5C3957)
• Aged Basalt color palette (#DDFDFB, #C1E1ED, #A2ABBC, #947E87, #644A55)
• Weathered Cobalt color palette (#DAE6CA, #68B9AE, #518CC7, #815637, #583010)
• Muted Atelier color palette (#FFF1F6, #C4BD82, #609844, #86603B, #423B08)
• Washed Onyx color palette (#F7F0CE, #72A27D, #317A88, #6F3A33, #4A1510)

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