Cocoa Field color palette — #F9DBF1 · #674100 · #002D0B · #1B0020 · #040300

A conversation between Bronze and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Blush (#F9DBF1): A whisper-light, dusty pink — the color of peonies in June.
• Bronze (#674100): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#002D0B): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#1B0020): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Twilit Grove color palette (#F8E9D1, #4D4800, #002C06, #060030, #010100)
• Shadow Study color palette (#E8D9EA, #425200, #002A2B, #220008, #000501)
• Twilit Fern color palette (#FFE6EF, #6A5E00, #173300, #251100, #070600)
• Nocturne Hollow color palette (#FFE7EF, #871631, #2D2200, #0D0033, #0A0100)
• Dusty Onyx Terrace color palette (#F3D8CB, #67622F, #004C3F, #42071E, #23000C)
• Hazy Navy color palette (#CCEAD1, #6D6600, #004B0F, #150064, #030400)
• Pale Rust color palette (#CDEEE1, #BD5800, #5D6900, #00413E, #010600)
• Antique Lagoon color palette (#F7E9FC, #5E6F00, #004647, #480021, #001D06)

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