Cocoa Field color palette — #FFF2EF · #E5D0CE · #F2C38F · #C1C1B5 · #6E3018

A conversation between Rust and Cantaloupe, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Silver (#E5D0CE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cantaloupe (#F2C38F): A whisper-light, balanced gold — the color of old brass.
• Stone (#C1C1B5): soft and architectural.
• Rust (#6E3018): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Tempered Shell Basin color palette (#FDF1FD, #E8D9D7, #FFB19A, #CEBBA1, #543951)
• Ash Grove color palette (#FFF1F2, #E2DAD1, #D5C0AC, #7D9D91, #37514A)
• Aged Apricot Hollow color palette (#FFF2EF, #EBD6C6, #DE9E80, #9D7145, #54504A)
• Ancient Corridor color palette (#FEEEE9, #E0CFC5, #FFB0BB, #D68C7D, #392119)
• Weathered Veranda color palette (#FFF2EB, #E1D2CC, #E2B000, #A6AD95, #431900)
• Washed Amber Meadow color palette (#FFF3E8, #E8DBB7, #88DAED, #C28D60, #2B4F3A)
• Fern Canyon color palette (#F9F5EA, #BBE5D4, #8FBA9F, #997D85, #4C4900)
• Tempered Chestnut color palette (#FFF2EE, #DF989C, #7A4613, #332825, #140D0D)

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