Cocoa Basin color palette — #DAEFDC · #AD9E68 · #8F6B27 · #723F00 · #002C1E
Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DAEFDC): A whisper-light, dusty green — the color of fresh herbs.
- Camel (#AD9E68): A luminous, dusty green — the color of fresh herbs.
- Walnut (#8F6B27): A full-bodied, balanced gold — the color of honey in a jar.
- Bronze (#723F00): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#002C1E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Cocoa Basin 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
- Feathered Villa color palette (#F3D6E5, #C0956E, #A55B32, #7D3227, #0E2B12)
- Aged Bronze Veranda color palette (#FFF3E3, #C5B26C, #9A6D00, #683900, #131400)
- Cocoa Study color palette (#E4F2E5, #8C8B51, #714E00, #5D2200, #142B06)
- Dusty Meadow color palette (#DBF7E2, #BFB76B, #A68000, #865400, #0E3F31)
- Tempered Bronze color palette (#D1E5D1, #816D2D, #5D3E00, #391B00, #040400)
- Wandering Pewter Garden color palette (#FFF0F9, #DDB597, #B08472, #895B57, #314231)
- Cocoa Orchard color palette (#F6DAEA, #B3681F, #893400, #610108, #130900)
- Hushed Orchard color palette (#EFE8F5, #D987B1, #A35E00, #A03173, #1E020F)
Browse the whole catalog at Explore, or see today's palette.