Cocoa Field color palette — #EFDCE6 · #762C00 · #003A38 · #001550 · #19000D

Rust and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#EFDCE6): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#762C00): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#003A38): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#001550): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#19000D): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Depth, Luxury. Tagged jewel, vibrant, 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

• Velvet Garnet color palette (#EBDBEA, #840023, #003820, #001F2F, #110018)
• Onyx Quarry color palette (#E2EEE3, #5F4200, #00313F, #230050, #120002)
• Dusty Chestnut color palette (#DBE9DD, #8D5800, #404000, #00273E, #1E1400)
• Washed Basin color palette (#EEE1E5, #B2BCB3, #789686, #653800, #2C1820)
• Patina Alley color palette (#F7DAC8, #AB7100, #5D4B00, #262800, #00180C)
• Washed Aubergine color palette (#DFF9E4, #7A5500, #004A5A, #3F0079, #380004)
• Soft Brick Garden color palette (#F5D9CF, #BC0029, #005B4A, #4C0057, #150300)
• Garnet Corridor color palette (#E3FBF7, #3C7121, #364291, #5E0038, #0C240D)

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