Cocoa Field color palette — #F3EBEE · #A8B8AB · #7A9487 · #623800 · #17040B
Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#F3EBEE): a clean, paper-quiet neutral.
- Ash (#A8B8AB): A luminous, dusty teal — the color of glacier melt.
- Eucalyptus (#7A9487): A luminous, dusty teal — the color of glacier melt.
- Bronze (#623800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#17040B): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Washed Fern color palette (#D7E3DE, #A3B8B4, #699795, #434800, #000F08)
- Cocoa Lagoon color palette (#E8E1DA, #C0B8A8, #909072, #683500, #2A1C0F)
- Aged Garnet Cabin color palette (#EAE4EA, #BFADB9, #A68191, #820022, #140414)
- Aged Chestnut Villa color palette (#FBF3F6, #CBE2E0, #A0C3BC, #8D4D00, #16070E)
- Patina Spruce Balcony color palette (#E9F2EE, #81918F, #527272, #252E00, #000201)
- Aged Cabin color palette (#E3EBEA, #C2CECE, #8FA9AE, #0E6711, #041A18)
- Softworn Abyss color palette (#E0F2EB, #608454, #00522D, #471B00, #020B00)
- Bronze Veranda color palette (#EEF3EE, #CEDBD9, #AFC1C2, #946D2B, #252F26)
Browse the whole catalog at Explore, or see today's palette.