Cocoa Garden color palette — #FFE7F1 · #703900 · #2B2C00 · #200022 · #040000

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

The five colors

• Blush (#FFE7F1): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#703900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#2B2C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#200022): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged dark, muted.

Use it as a design system

One click turns Cocoa Garden 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

• Smoked Lantern color palette (#FEE8D8, #743600, #173200, #00171D, #0C001F)
• Shadow Chapel color palette (#F2DAEE, #8D0015, #3A2500, #140036, #040002)
• Softworn Basalt Grove color palette (#F6E6EB, #576269, #4E2D00, #2A2414, #0B0500)
• Fern Quarry color palette (#CCEADC, #4C4D00, #00331E, #001317, #030100)
• Twilit Market color palette (#D7E5DC, #6E6C00, #333B00, #311600, #030300)
• Pale Ember Garden color palette (#F8E2EC, #DE4A00, #9F5500, #604600, #020100)
• Bronze Meadow color palette (#FADBB3, #996500, #3F5500, #00352B, #240100)
• Midnight Brick color palette (#F8DEEF, #B33500, #004831, #00044C, #00000B)

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