Ancient Cocoa Field color palette — #FFF2EA · #B9E3F7 · #DFD4CC · #B8BA78 · #6A3B00
Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Powder Blue (#B9E3F7): A whisper-light, dusty blue — the color of deep harbor water.
- Bone (#DFD4CC): a clean, paper-quiet neutral.
- Sage (#B8BA78): A luminous, balanced green — the color of a quiet forest floor.
- Bronze (#6A3B00): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Ancient 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
- Hushed Stone Terrace color palette (#FFF2F0, #EDD7E7, #F0BEB4, #D5A780, #5B4039)
- Sand Terrace color palette (#FEF4E2, #E9D9C8, #E9D288, #87C098, #4A4841)
- Worn Lagoon Summit color palette (#FCF3EF, #BEE5ED, #90BDA7, #61927F, #38504A)
- Oat Canyon color palette (#FFF2EE, #E8CFBD, #AEA892, #8D7787, #5F4C57)
- Moss Thicket color palette (#FFF3E6, #FFCFCF, #FFA54D, #71AB43, #4A3700)
- Weathered Fern color palette (#F5F6EB, #C8D8B4, #6EA8A4, #8D7776, #3F5614)
- Worn Taupe color palette (#FFF2EA, #FFBD89, #C69B54, #7B7343, #504F47)
- Hushed Mustard color palette (#FEF4E4, #E2BF74, #9BAFEB, #A4884A, #5C4557)
Browse the whole catalog at Explore, or see today's palette.