Cocoa Coast color palette — #FFF2E9 · #F1D5A9 · #D8AB91 · #A88A81 · #574600

Deep Olive takes the lead with Wheat close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Wheat (#F1D5A9): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D8AB91): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A88A81): A luminous, dusty orange — the color of autumn markets.
• Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Tempered Bronze color palette (#FFF3E8, #E1DCC1, #C5A890, #A56A3F, #593700)
• Muted Taupe color palette (#FFF1F7, #E6BECA, #BA9277, #846C7C, #3F4B42)
• Antique Powder color palette (#E5FBF2, #79CDFF, #CFB186, #AF9573, #2E423B)
• Chestnut Veranda color palette (#F9EEF3, #AEC1AE, #A07960, #794943, #1D3126)
• Marigold Villa color palette (#FFEBD3, #D7CB6C, #D79429, #B3694F, #2A3C19)
• Dusty Boulevard color palette (#F2E1D9, #D38D44, #C2583B, #814456, #1F1400)
• Mallow Orchard color palette (#EAF8FF, #C6D8FF, #C7A9E5, #AB799D, #6E3336)
• Quiet Garden color palette (#F7EDDD, #B2BA5B, #AE8833, #955A38, #242609)

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