# Chocolate and chartreuse

Chocolate brown and chartreuse meet in high-contrast palettes, ranging from near-black cocoa and olive to sharp yellow-green, cream, and toasted neutral accents.

- Page: https://grabient.com/chocolate-and-chartreuse
- Palettes: 9
- Tags: chocolate and chartreuse, chocolate brown, chartreuse, brown and green, yellow green, high contrast
- Collected by: Grabient
- Updated: 2026-10-03

## Palettes

1. [Cocoa Chartreuse Diagonal Glow](https://grabient.com/kUNBEbKhJAtY3yT0QD9g?steps=32&angle=45): linear gradient, `#21130f` `#221510` `#251611` `#271713` `#2a1914` `#2d1b16` `#311d18` `#35201a` `#3a231c` `#41271e` `#482b20` `#513120` `#5b371f` `#66401c` `#704a16` `#79560a` `#806300` `#857200` `#878100` `#889001` `#879e19` `#87a928` `#8ab433` `#8fbe3c` `#97c743` `#a1cf48` `#abd74c` `#b6de4f` `#c1e452` `#cae954` `#d2ee57` `#d8f259`
2. [Chartreuse Toasted Cocoa Passage](https://grabient.com/kW51lSXLxA7WavwvFzg3iDCI?steps=32&angle=135): linear gradient, `#deeb8a` `#d8e782` `#d0e378` `#c7dd6b` `#bcd75d` `#b1d04f` `#a5c840` `#9abf33` `#90b529` `#85a924` `#799b24` `#6d8c25` `#637d26` `#596e25` `#526124` `#4d5721` `#4a4e1e` `#494719` `#4a4014` `#4b3a11` `#4c3511` `#4f3213` `#533218` `#59341d` `#613a24` `#6e452e` `#7f5338` `#926444` `#a5764f` `#b7875a` `#c59664` `#d0a16b`
3. [Cocoa Chartreuse Angular Wedges](https://grabient.com/kWQxUfO5hBVUhQZtvMXPiVAY?style=angularSwatches&steps=5&angle=135): angular swatches, `#312019` `#775035` `#ba8b55` `#c7e053` `#55691e`
4. [Cream Chartreuse Cocoa Bands](https://grabient.com/kW7RdA8THDNm2QCzl7hHgo-I?style=linearSwatches&steps=5&angle=45): linear swatches, `#f1e9d2` `#d2e77a` `#94ad30` `#643f25` `#2a1a14`
5. [Cream cocoa citron swatches](https://grabient.com/kU7xk9uJu72O-SF0tL8g?style=linearSwatches&steps=4): linear swatches, `#f6ebd2` `#75472a` `#a6c937` `#dff079`
6. [Dark green, olive and lime green](https://grabient.com/kWbjhpvpm71MpPhmusF8U3Bw?steps=5&angle=20): linear gradient, `#305c38` `#616535` `#a39034` `#c6c834` `#b7f231`
7. [Yellow, brown, gray and green](https://grabient.com/kc2o9TYbi9tKxPLErb0Oia97cWPo-CclzaJFA?steps=10&angle=75): linear gradient, `#c9df03` `#cfbe0e` `#ca950d` `#bb6e1b` `#a45028` `#8c3d31` `#743e44` `#674f42` `#686952` `#63915c`
8. [Olive truffle contrast](https://grabient.com/kUOCEgPSZC86vRYnljZg?style=linearSwatches&steps=4&angle=150): linear swatches, `#2c1307` `#825100` `#7f8f24` `#4a2519`
9. [Cream cacao chartreuse](https://grabient.com/kU7xJByaC7iAUPZjOkqg?steps=32&angle=225): linear gradient, `#f1ebd9` `#ece4cf` `#e6dbc2` `#dfd0b3` `#d7c3a2` `#d0b590` `#c8a67f` `#c0986e` `#b7895f` `#af7b52` `#a66f47` `#9c643e` `#905737` `#824b30` `#723f2a` `#633424` `#552a1f` `#49221a` `#3f1c15` `#391812` `#371610` `#3a180f` `#421d0e` `#50270d` `#61350a` `#734702` `#835e00` `#917600` `#9b8e07` `#a0a624` `#a0ba3a` `#9ec94b`

## Other forms

- [JSON](https://grabient.com/api/collections/chocolate-and-chartreuse)
- [ASE](https://grabient.com/chocolate-and-chartreuse.ase)
- [GPL](https://grabient.com/chocolate-and-chartreuse.gpl)
- [GRD](https://grabient.com/chocolate-and-chartreuse.grd)
- [Design tokens](https://grabient.com/chocolate-and-chartreuse.tokens.json)
- [Image](https://grabient.com/api/png/collection?slug=chocolate-and-chartreuse)
- [Social card](https://grabient.com/api/og/collection?slug=chocolate-and-chartreuse&v=k4)
- [More collections](https://grabient.com/collections)
- [Guide for agents](https://grabient.com/llms.txt)