# Black cream and copper textile bands

Near black, warm cream, copper brown, and ochre form four bold diagonal swatches. The pale band creates a strong contrast with the darkest color, while the two earthy accents add warmth. This Afro bohemian palette suits graphic textile studies, craft brand packaging, and editorial pages about layered interiors and natural materials.

- Also called: Monochrome black, beige and tan linear swatches
- Seed: `kUOQMi9I7EUSmO1Zq8Jg`
- Page: https://grabient.com/kUOQMi9I7EUSmO1Zq8Jg?style=linearSwatches&steps=4&angle=45
- Drawn as: linear swatches, 4 steps, 45 degrees
- Kinds: light center, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.4 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 | `#1d1b1a` | `oklch(22.44% 0.0041 48.52)` | Siyâh Black | white, 17.1 to 1 |
| 2 | `#f0e2c6` | `oklch(91.73% 0.0400 85.50)` | Creamy Gelato | black, 16.4 to 1 |
| 3 | `#9f5936` | `oklch(53.94% 0.1047 46.40)` | Ground Nutmeg | white, 5.2 to 1 |
| 4 | `#d19045` | `oklch(70.47% 0.1199 67.54)` | Hey Honey! | black, 7.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #1d1b1a 0.000% 25.000%, #f0e2c6 25.000% 50.000%, #9f5936 50.000% 75.000%, #d19045 75.000% 100.000%);
background: linear-gradient(45deg, oklch(22.44% 0.0041 48.52) 0.000% 25.000%, oklch(91.73% 0.0400 85.50) 25.000% 50.000%, oklch(53.94% 0.1047 46.40) 50.000% 75.000%, oklch(70.47% 0.1199 67.54) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.004 | 48.5 |
| 2 | 0.917 | 0.04 | 85.5 |
| 3 | 0.539 | 0.105 | 46.4 |
| 4 | 0.705 | 0.12 | 67.5 |

## In these collections

- [Afro bohemian](https://grabient.com/afro-bohemian)

## Other forms

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