Cocoa Field color palette — #F1DCE7 · #B17A32 · #773100 · #280B00 · #060003

Rust takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F1DCE7): A whisper-light, dusty pink — the color of a candy shop window.
• Caramel (#B17A32): A luminous, balanced gold — the color of honey in a jar.
• Rust (#773100): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#280B00): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#060003): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged luxury, 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

• Wandering Bronze Delta color palette (#E9D9DE, #DFB063, #A96800, #683D00, #17050C)
• Worn Bronze color palette (#D6ECDC, #A3822A, #5A4600, #1C1400, #000201)
• Garnet Basin color palette (#E9DCEE, #BF7039, #831441, #2F0011, #040007)
• Timeworn Delta color palette (#F1E2E7, #BF781C, #746400, #7D4A00, #020200)
• Bronze Orchard color palette (#ECDCE6, #857500, #501400, #1E1C0E, #110200)
• Timeworn Parlor color palette (#FFF1F7, #F6C582, #C97631, #8A4800, #2D0E1E)
• Marigold Villa color palette (#D6E4D8, #C3A051, #826200, #483600, #040200)
• Gentle Archive color palette (#CCEEE0, #DCBD17, #7B8800, #4B5400, #0F1100)

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