Worn Cocoa Field color palette — #FFF2EC · #DFD9CD · #EAA7AD · #92B6AF · #7D421E

Bronze and Rose Quartz set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#DFD9CD): a clean, paper-quiet neutral.
• Rose Quartz (#EAA7AD): A luminous, dusty red — the color of embers at dusk.
• Ash (#92B6AF): A luminous, dusty teal — the color of glacier melt.
• Bronze (#7D421E): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Cocoa Orchard color palette (#FBF4EA, #E4D8C0, #C8B38F, #A88D6A, #594500)
• Weathered Periwinkle Lagoon color palette (#FFF1F1, #E5B0CC, #7CC1E4, #769AD8, #4F3535)
• Worn Stone color palette (#FDECF9, #E8D1D2, #DAB298, #A28AA2, #3F333B)
• Worn Taupe color palette (#FCF3EC, #F5D9B6, #BE9572, #886546, #332920)
• Brick Loft color palette (#F9E4D8, #D09976, #9F913B, #B4242D, #1C0700)
• Pale Tangerine Chapel color palette (#FFF3E9, #E0DAC5, #FFCF7B, #FF8057, #603F24)
• Dusty Apricot color palette (#FFF3E5, #DAE4B7, #ADD697, #D89354, #403B35)
• Clover Harbor color palette (#EEEDCC, #93C29E, #71B75E, #886E00, #1B1F00)

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