Cocoa Field color palette — #FCE5CE · #6B3E00 · #002E41 · #29001F · #100002

Built around Bronze, softened by Ink — the whole palette hums with optimism and creativity.

The five colors

• Parchment (#FCE5CE): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#6B3E00): A full-bodied, balanced gold — the color of old brass.
• Midnight (#002E41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#29001F): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#100002): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication, Depth. Tagged dark, muted, warm.

Use it as a design system

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

• Charred Onyx color palette (#D2E6DD, #4C4D00, #003131, #0E003B, #040001)
• Smoked Canyon color palette (#F4EADD, #624300, #001F6F, #150040, #0D001D)
• Deep Workshop color palette (#F5EEDB, #443E00, #090066, #201D0A, #1A0006)
• Cellar Mulberry Archive color palette (#F5DEDA, #8A003F, #003324, #270025, #110002)
• Basalt Station color palette (#E9E5C7, #424F50, #333F00, #142225, #000B06)
• Weathered Meadow color palette (#EEE8D3, #6A6B00, #005050, #230071, #170004)
• Olive Field color palette (#F1F1CE, #4E7700, #005114, #00251F, #010E18)
• Pale Aubergine color palette (#F4F1D8, #496200, #3A1A7E, #2C1B00, #0E0D00)

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