Cocoa Field color palette — #F4E5D5 · #5B3C00 · #002A10 · #1E000C · #030000
A conversation between Bronze and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F4E5D5): A whisper-light, dusty gold — the color of honey in a jar.
- Bronze (#5B3C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#002A10): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#1E000C): A deep, shadowed, dusty rose — the color of a warm blush.
- Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns 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
- Moonless Basalt Boulevard color palette (#F5F0D7, #3A4000, #232A24, #080B06, #010100)
- Cellar Terrace color palette (#F0DED8, #910021, #332A00, #0E001F, #040000)
- Muted Delta color palette (#EBE8D1, #868000, #414A00, #091200, #000200)
- Timeworn Basalt color palette (#EDE9E1, #C4BAA2, #98927B, #4A3A00, #020100)
- Aged Summit color palette (#EBFCDA, #00AB81, #00669D, #554100, #030800)
- Tempered Atelier color palette (#FDF5E0, #AA9700, #007E6C, #76242A, #170A00)
- Eclipse Thicket color palette (#E0E6C4, #00661D, #003C4A, #1C0C00, #010100)
- Garnet Terrace color palette (#FFE9E2, #7B0028, #001F4C, #140602, #060014)
Browse the whole catalog at Explore, or see today's palette.