Cocoa Coast color palette — #FFF2EA · #F1D4B2 · #D4AD93 · #A98A82 · #594500

A conversation between Deep Olive and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#F1D4B2): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D4AD93): A luminous, dusty gold — the color of old brass.
• Caramel (#A98A82): A luminous, dusty orange — the color of toasted spice.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: 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

• Bronze Veranda color palette (#FFF2E9, #E2DBC2, #CBA68A, #A66942, #5A3600)
• Washed Oat Bloom color palette (#FFF0F8, #E8C3A1, #B38FA2, #846C7E, #3E4C3F)
• Hushed Mint Courtyard color palette (#F2F8E4, #8BD6A5, #E6A0AD, #BB8A93, #3C3E37)
• Frosted Honey color palette (#FFEBD5, #DFC862, #D69447, #B56755, #36362F)
• Driftwood Terrace color palette (#FCEDF5, #D2B1BB, #9C758B, #694D67, #1F3125)
• Mustard Orchard color palette (#F4E1C9, #BAB660, #B38538, #915C45, #262600)
• Dusty Ash Meadow color palette (#F1F7F0, #FFD3C3, #6FABA6, #60735D, #272D26)
• Aged Moss color palette (#F3E7CC, #88AE52, #8E7D00, #7A5023, #001C0C)

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