Cocoa Coast color palette — #FFECDA · #694700 · #362900 · #120F00 · #010100

Bronze and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFECDA): A whisper-light, dusty gold — the color of old brass.
• Bronze (#694700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#362900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#120F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#010100): a grounded near-black with real depth.

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

• Weathered Bronze Summit color palette (#FFE2DA, #A65A00, #564000, #121100, #000200)
• Lowlit Nightshade color palette (#EEE0C3, #5A4B00, #32139D, #251E00, #01000A)
• Smoked Fern color palette (#E1E2C7, #425300, #0F3C00, #001906, #000201)
• Lowlit Garnet Cabin color palette (#FFE9EA, #94191E, #4F1A00, #1E0900, #030100)
• Eclipse Atelier color palette (#EDEACD, #433C00, #003746, #420030, #010100)
• Linen Olive color palette (#E5E5D1, #6A7A00, #295900, #012A04, #000B04)
• Wandering Moss color palette (#EAE0CC, #9E8900, #5A5D00, #2B3500, #041A00)
• Worn Pine Orchard color palette (#F7EDD3, #7C9058, #058056, #3B2600, #020200)

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