Cocoa Harbor color palette — #EFEABE · #A1AF92 · #1A7F92 · #784A4D · #703610

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

The five colors

• Celadon Mist (#EFEABE): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A1AF92): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#1A7F92): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#784A4D): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#703610): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, 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

• Chestnut Dune color palette (#E0EBC0, #92B596, #4E77A2, #7F4A18, #4F4100)
• Cypress Cabin color palette (#F7E0C7, #ABAB7B, #497E64, #6D4767, #5F3936)
• Aqua Garden color palette (#DFE8D7, #72C9BD, #5C959D, #756171, #5A384C)
• Antique Pine color palette (#F9F5EA, #85A673, #00754E, #4D4B44, #36362F)
• Hushed Market color palette (#BAEAF0, #75B4B3, #4A8490, #3A4765, #22253D)
• Hushed Plum Delta color palette (#D3EDD1, #008C89, #C11F5A, #8F4100, #1A3219)
• Chalky Garnet color palette (#E0EED2, #43977E, #005D7A, #641F0F, #421D08)
• Tempered Sky Alley color palette (#BBF6FF, #77B2DF, #8974A8, #695F35, #474942)

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