Cocoa Coast color palette — #F2E8E0 · #AFA295 · #968368 · #693600 · #120600

Bronze takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#F2E8E0): a clean, paper-quiet neutral.
• Taupe (#AFA295): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#968368): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#693600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#120600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cocoa Coast 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

• Worn Garnet Market color palette (#F1E8E5, #B2A09A, #998074, #830131, #160301)
• Weathered Bronze color palette (#ECE4DF, #A2988A, #846F25, #471D00, #130600)
• Hushed Coast color palette (#F9E9EF, #AFC1AC, #7F9A82, #5B2F00, #030001)
• Softworn Chestnut Boulevard color palette (#FAEAF2, #95ACA6, #6A9798, #9B4800, #11050B)
• Fern Basin color palette (#E5E4D9, #B5B6A5, #939A72, #465C00, #171400)
• Dusty Amber Station color palette (#F7E7CF, #D27A00, #9E7000, #6E6100, #070400)
• Fern Harbor color palette (#F5EED8, #6F7C39, #344F00, #3F2400, #050700)
• Antique Forest color palette (#F0F1D6, #83782F, #31642D, #003C43, #00171F)

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