Cocoa Field color palette — #FFF2EE · #E1D1D6 · #B5B69A · #80A37D · #70390C
Bronze and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Silver (#E1D1D6): bright and airy, almost weightless.
- Stone (#B5B69A): A luminous, dusty green — the color of a quiet forest floor.
- Moss (#80A37D): A luminous, dusty green — the color of new leaves after rain.
- Bronze (#70390C): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, 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
- Patina Cocoa color palette (#FFF2EB, #E3D1CB, #E7C491, #B4B97B, #6A4100)
- Softworn Oat Workshop color palette (#FFF1F3, #F2C6B3, #B4A48B, #78897E, #46554C)
- Timeworn Thicket color palette (#FBF4E8, #C5DAAA, #78A88F, #8E757D, #554F00)
- Worn Petal color palette (#FFF1F4, #FBC2FF, #DAD3DC, #D49F90, #5F4546)
- Aged Powder Bloom color palette (#FBF3EE, #C4F1F0, #90B5DF, #788E6B, #5F4C58)
- Feathered Harbor color palette (#FFF2EA, #FFC6E6, #FF9552, #6FB15D, #3B2806)
- Weathered Mustard Lantern color palette (#FFF4DD, #FFB5A2, #D3A600, #00AC89, #253300)
- Weathered Stone Meadow color palette (#FFF2EB, #F9B096, #7BB9E2, #B67C67, #31564A)
Browse the whole catalog at Explore, or see today's palette.