Cocoa Coast color palette — #FAF4EB · #DEDFCB · #958553 · #5B4100 · #211A0E

Bronze takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Bone (#DEDFCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Caramel (#958553): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#5B4100): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#211A0E): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Lagoon Atelier color palette (#F3F7EB, #E1E4B7, #4D8465, #14422B, #0D1103)
• Aged Bronze color palette (#F8F5ED, #F3DAB6, #AE9E68, #876821, #302B1F)
• Aged Corridor color palette (#EDF1DE, #C19C49, #004A15, #1A2527, #000B01)
• Bronze Garden color palette (#F2EAD7, #9A7300, #1F1C00, #0A0E07, #010100)
• Tempered Cabin color palette (#F7F5EF, #C4E0CC, #5CC4AD, #A49E35, #192115)
• Timeworn Fern color palette (#F8F6E3, #DAB566, #435A00, #131C00, #010100)
• Worn Pewter Archive color palette (#F8F5E9, #B8C292, #6A91BE, #86568A, #36271D)
• Muted Pewter Garden color palette (#FCF4E8, #CDE6BE, #63B49E, #7F64A0, #3F4039)

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