Cocoa Coast color palette — #FFF2EE · #E2D3CC · #F2BC8C · #A7B3A4 · #753919

Bronze and Cantaloupe set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E2D3CC): a clean, paper-quiet neutral.
• Cantaloupe (#F2BC8C): A whisper-light, balanced gold — the color of old brass.
• Ash (#A7B3A4): A luminous, dusty green — the color of fresh herbs.
• Bronze (#753919): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

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

• Sand Thicket color palette (#FEF0FF, #E5D8E1, #E6D08F, #ABB1A8, #503A47)
• Softworn Mustard Quarry color palette (#FFF2EB, #F8D3CA, #E4BE91, #ECAD00, #582D13)
• Antique Oat Atelier color palette (#FCF4EA, #AEF0EA, #E4DAD2, #D1D38E, #654400)
• Aged Fern color palette (#F7F5EB, #DFE1BA, #94C2A4, #B39092, #505100)
• Weathered Apricot color palette (#FFF2EC, #FFC0AB, #EE9A60, #BA8A5F, #524E47)
• Timeworn Blush color palette (#FEEEE8, #F39C96, #A66C3F, #7F4026, #26201F)
• Turquoise Corridor color palette (#F8F5EF, #C7DDE8, #A2CBF6, #63B0BD, #5D4C5B)
• Ancient Archive color palette (#FFF3E8, #FFC89D, #8FCFFF, #DD965C, #31554B)

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