Ancient Cocoa Harbor color palette — #FFF2EB · #DEDECC · #A9D4A8 · #9E6080 · #6C3D00

Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DEDECC): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#A9D4A8): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#9E6080): A full-bodied, balanced rose — the color of a warm blush.
• Bronze (#6C3D00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Ancient 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

• Ancient Courtyard color palette (#FFF2EA, #E0DDC3, #B4D69A, #BE827D, #6F4000)
• Patina Market color palette (#FFF1F0, #E4D9C8, #D9C187, #826BAE, #63453D)
• Aged Summit color palette (#FFF3E4, #BAE9D7, #87DACF, #B2685A, #494841)
• Worn Grove color palette (#FFEBF6, #E6D3D0, #CBC183, #A26463, #3B2830)
• Bronze Parlor color palette (#FDF5DB, #D1DCBE, #67B5CD, #A1610A, #42433C)
• Chestnut Orchard color palette (#F9EBCA, #A5D2AB, #39A6B7, #904800, #263813)
• Pale Plum Studio color palette (#FFF2EA, #CFCB82, #00BF82, #BC0041, #463000)
• Basalt Station color palette (#FCF5E1, #A9AA87, #787546, #6B4A20, #324500)

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