Cocoa Garden color palette — #FFF2E9 · #E9DBCE · #C6C7AA · #B99895 · #76410E
A conversation between Bronze and Taupe, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Bone (#E9DBCE): A whisper-light, dusty gold — the color of honey in a jar.
- Pistachio (#C6C7AA): A whisper-light, dusty green — the color of fresh herbs.
- Taupe (#B99895): A luminous, dusty orange — the color of toasted spice.
- Bronze (#76410E): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Cocoa Garden 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
- Stone Bloom color palette (#FBF6DC, #D1E2D1, #B6C9AF, #A08793, #59474A)
- Cocoa Summit color palette (#FAE6BF, #C3C69D, #86AF97, #A0785E, #653D22)
- Terracotta Terrace color palette (#E7E2CA, #A5AD7F, #3A9E85, #9A3F30, #342B00)
- Hushed Blush color palette (#ECFAE9, #8DD7CE, #DCAAD9, #D988A2, #384735)
- Wandering Garnet Study color palette (#F0DACF, #967F54, #397C47, #7D273B, #290C00)
- Dusty Teal color palette (#F1F8EA, #A9E4CA, #EBB2DD, #56BF98, #694044)
- Cerulean Study color palette (#EDF0DC, #619F83, #0C87AC, #654E00, #1E1800)
- Dusty Thicket color palette (#FFF4DA, #CADEAC, #83C38F, #31A48D, #365539)
Browse the whole catalog at Explore, or see today's palette.