Cocoa Basin color palette — #F8E3C7 · #969448 · #906400 · #7F3100 · #030F00
A conversation between Rust and Ochre, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F8E3C7): A whisper-light, dusty gold — the color of old brass.
- Moss (#969448): A luminous, balanced green — the color of new leaves after rain.
- Ochre (#906400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Rust (#7F3100): A full-bodied, balanced orange — the color of sun-warmed clay.
- Ink (#030F00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Antique Bronze color palette (#FCEED7, #9CA56D, #9A7700, #8B4400, #001D03)
- Patina Garnet Grove color palette (#FFE0CC, #B1874A, #AA511C, #8E0C33, #0D0C00)
- Patina Veranda color palette (#DDEADE, #927C19, #6C4C00, #492700, #0C0C00)
- Quiet Amber color palette (#F1DBB3, #AFC369, #B49000, #A95800, #00330F)
- Gentle Pier color palette (#D6F3E7, #0086B8, #7952CE, #824000, #00050A)
- Worn Basalt Coast color palette (#FDF4E1, #D6D3AA, #BAAD72, #AB7D54, #374300)
- Crimson Boulevard color palette (#FFEADA, #DEC495, #DF8D55, #CF4E56, #373800)
- Airy Raspberry color palette (#E2ECDF, #00B2A1, #BC2F93, #00786C, #060003)
Browse the whole catalog at Explore, or see today's palette.