Cocoa Coast color palette — #FFE3EF · #703900 · #003411 · #001220 · #030003

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

The five colors

• Blush (#FFE3EF): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#703900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003411): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001220): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Garnet Workshop color palette (#F7EAF5, #8D0013, #282D00, #001317, #020007)
• Onyx Meadow color palette (#DCF1E1, #5B4600, #00312D, #0D003B, #040000)
• Basalt Grove color palette (#F2E8DD, #778288, #4D2F00, #131D23, #090600)
• Inked Chestnut Delta color palette (#FAE8D1, #7D5D00, #443800, #181800, #030600)
• Muted Veranda color palette (#EFDED0, #866800, #374600, #002334, #030024)
• Hushed Onyx color palette (#FFE8D5, #9A4F00, #4A4800, #40004B, #170003)
• Powdered Rose Archive color palette (#FFE5EE, #FF3C31, #A35F00, #564E00, #030200)
• Smoked Brick color palette (#F9D9F1, #BF1700, #004644, #020050, #00000C)

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