# Xerox Stripe palette

The Xerox Stripe palette brings together pale orange, dark gray, teal, and red. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits poster layouts and editorial spreads. Its darkest tone is dark gray, and its lightest tone is pale orange.

- Also called: Beige, black, teal and magenta linear swatches
- Seed: `kU6Rg7loBAsmgTnHRFIg`
- Page: https://grabient.com/kU6Rg7loBAsmgTnHRFIg?style=linearSwatches&steps=4&angle=45
- Drawn as: linear swatches, 4 steps, 45 degrees
- Kinds: dark center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 14.7 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 | `#eee2cb` | `oklch(91.73% 0.0331 83.67)` | Diamond Ice | black, 16.4 to 1 |
| 2 | `#111111` | `oklch(17.72% 0.0000 89.88)` | Dreamless Sleep | white, 18.8 to 1 |
| 3 | `#2a8799` | `oklch(57.87% 0.0882 212.60)` | Precious Stone | black, 5 to 1 |
| 4 | `#c73261` | `oklch(55.91% 0.1874 6.88)` | Raspberry Jam | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #eee2cb 0.000% 25.000%, #111111 25.000% 50.000%, #2a8799 50.000% 75.000%, #c73261 75.000% 100.000%);
background: linear-gradient(45deg, oklch(91.73% 0.0331 83.67) 0.000% 25.000%, oklch(17.72% 0.0000 89.88) 25.000% 50.000%, oklch(57.87% 0.0882 212.60) 50.000% 75.000%, oklch(55.91% 0.1874 6.88) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.033 | 83.7 |
| 2 | 0.177 | 0 | 90 |
| 3 | 0.579 | 0.088 | 212.6 |
| 4 | 0.559 | 0.187 | 366.9 |

## In these collections

- [Zine colors](https://grabient.com/zine-colors)

## Other forms

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