Cocoa Basin color palette — #FFF4E3 · #C9BB88 · #817922 · #82370F · #1F1800
Built around Rust, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4E3): A whisper-light, dusty gold — the color of old brass.
- Sand (#C9BB88): A luminous, dusty green — the color of a quiet forest floor.
- Walnut (#817922): A full-bodied, balanced green — the color of fresh herbs.
- Rust (#82370F): A full-bodied, balanced orange — the color of sun-warmed clay.
- Ink (#1F1800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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
- Patina Hollow color palette (#FBF4E8, #D5D3A4, #889057, #8B542B, #322601)
- Patina Summit color palette (#FFE4C0, #DFAA39, #9B7800, #564500, #252000)
- Hushed Lagoon color palette (#F5F8E2, #8FCBA0, #2B8964, #754400, #001F0B)
- Powdered Peony color palette (#FFF4E0, #CBA536, #E15999, #7A6000, #33001B)
- Tempered Fern Veranda color palette (#FBF5E3, #9AAB64, #466D00, #553300, #060900)
- Airy Market color palette (#FAF9C3, #D0CB70, #868400, #393600, #060600)
- Dusty Olive Summit color palette (#EBE4D4, #7E7F34, #374200, #211B00, #010100)
- Patina Grove color palette (#D8E3D8, #969137, #396205, #4F2947, #00170D)
Browse the whole catalog at Explore, or see today's palette.