Cocoa Field color palette — #FCF4E5 · #FFCED5 · #BF9A73 · #4F7D6F · #662C08

A conversation between Rust and Camel, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FCF4E5): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFCED5): A whisper-light, dusty red — the color of late-summer berries.
• Camel (#BF9A73): A luminous, dusty gold — the color of afternoon light on wheat.
• Teal (#4F7D6F): A full-bodied, dusty teal — the color of glacier melt.
• Rust (#662C08): A deep, shadowed, balanced orange — the color of autumn markets.

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

• Hushed Orchard color palette (#F9F6E5, #F4CDFD, #CE8E90, #5D7C5E, #523738)
• Muted Cocoa color palette (#FEF4E4, #FFD1BE, #ABA46F, #866781, #5B3500)
• Washed Driftwood color palette (#ECF9ED, #F3C4B0, #CFA57A, #75976A, #593E4C)
• Washed Dune color palette (#FCF0E0, #D49D85, #9D6D39, #3C5C30, #38281B)
• Hushed Shell Field color palette (#FFF2ED, #FEB6B6, #71A982, #3D7094, #492D47)
• Wandering Apricot color palette (#FFF3E3, #F2A163, #7C8539, #444B82, #301D00)
• Bronze Dune color palette (#ECF9F0, #D98F9D, #A1692A, #2E5E82, #52424F)
• Antique Balcony color palette (#FFF2EF, #E1DACC, #CBBEA3, #9A8598, #624A59)

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