Worn Cocoa Field color palette — #FFF1F3 · #FED0CC · #EAA2A8 · #A36C5B · #734302

A conversation between Bronze and Rose Quartz, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#FED0CC): A whisper-light, dusty orange — the color of toasted spice.
• Rose Quartz (#EAA2A8): A luminous, balanced red — the color of embers at dusk.
• Mocha (#A36C5B): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#734302): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

One click turns Worn 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

• Softworn Rust color palette (#FFE5E4, #ECA8BA, #C25F68, #7F413C, #39322E)
• Hushed Apricot Balcony color palette (#FFF2EE, #E3D7CC, #DEA575, #917B42, #53514A)
• Soft Rust color palette (#FFE5ED, #FF807A, #C34B00, #6D4400, #1F1800)
• Softworn Amber color palette (#FFEEF0, #FFA08F, #CD712D, #7F5D00, #353800)
• Tempered Cocoa Garden color palette (#FFF2EE, #E0DCCE, #9DC6C5, #CFA3A9, #793F18)
• Washed Seafoam Station color palette (#FFF2EC, #EED6C0, #83DFD4, #C98675, #394C34)
• Cocoa Veranda color palette (#FFE8E2, #D3D1DE, #A59A9F, #713711, #2C221C)
• Wandering Amber color palette (#F9E7E1, #C06E00, #5B4800, #202600, #000200)

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