# Market Cabbage Spice Quarters

Forest green, mustard yellow, plum, and warm rust meet in angular quarters. The mix pairs leafy cabbage color with earthy market and kitchen accents, creating firm contrast without losing its natural mood. It works for farm-shop branding or vegetable cookbook dividers that need bold geometry, recognizable greens, and a warmer culinary counterpoint.

- Also called: Tritone tan, purple and dark green angular swatches
- Seed: `kUx15ByS26LIoOGwEVTg`
- Page: https://grabient.com/kUx15ByS26LIoOGwEVTg?style=angularSwatches&steps=4&angle=315
- Drawn as: angular swatches, 4 steps, 315 degrees
- Kinds: light to dark, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 5 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#d6b64b` | `oklch(78.35% 0.1295 92.11)` | Farm Straw | black, 10.6 to 1 |
| 2 | `#b45d36` | `oklch(57.48% 0.1254 43.50)` | Gold Varnish Brown | white, 4.6 to 1 |
| 3 | `#6b2a58` | `oklch(39.37% 0.1102 340.09)` | Pretty in Prune | white, 10 to 1 |
| 4 | `#2c4938` | `oklch(37.80% 0.0469 157.63)` | Norfolk Green | white, 9.8 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #d6b64b 0.000% 25.000%, #b45d36 25.000% 50.000%, #6b2a58 50.000% 75.000%, #2c4938 75.000% 100.000%);
background: conic-gradient(from 315deg, oklch(78.35% 0.1295 92.11) 0.000% 25.000%, oklch(57.48% 0.1254 43.50) 25.000% 50.000%, oklch(39.37% 0.1102 340.09) 50.000% 75.000%, oklch(37.80% 0.0469 157.63) 75.000% 100.000%);
```

## Keyframes

4 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.783 | 0.13 | 92.1 |
| 2 | 0.575 | 0.125 | 43.5 |
| 3 | 0.394 | 0.11 | -19.9 |
| 4 | 0.378 | 0.047 | 157.6 |

## In these collections

- [Cabbage crush](https://grabient.com/cabbage-crush)

## Other forms

- [JSON](https://grabient.com/kUx15ByS26LIoOGwEVTg.json?style=angularSwatches&steps=4&angle=315)
- [PNG](https://grabient.com/kUx15ByS26LIoOGwEVTg.png?style=angularSwatches&steps=4&angle=315)
- [SVG](https://grabient.com/kUx15ByS26LIoOGwEVTg.svg?style=angularSwatches&steps=4&angle=315)
- [CSS](https://grabient.com/kUx15ByS26LIoOGwEVTg.css?style=angularSwatches&steps=4&angle=315)
- [ASE](https://grabient.com/kUx15ByS26LIoOGwEVTg.ase?style=angularSwatches&steps=4&angle=315)
- [GPL](https://grabient.com/kUx15ByS26LIoOGwEVTg.gpl?style=angularSwatches&steps=4&angle=315)
- [GRD](https://grabient.com/kUx15ByS26LIoOGwEVTg.grd?style=angularSwatches&steps=4&angle=315)
- [Design tokens](https://grabient.com/kUx15ByS26LIoOGwEVTg.tokens.json?style=angularSwatches&steps=4&angle=315)
- [Social card](https://grabient.com/api/og?seed=kUx15ByS26LIoOGwEVTg&style=angularSwatches&steps=4&angle=315)
- [Palettes like this one](https://grabient.com/palettes?q=kUx15ByS26LIoOGwEVTg)
- [Guide for agents](https://grabient.com/llms.txt)