# Cut Paper palette

The Cut Paper palette brings together dark gray, pale orange, red, and teal. 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: Black, beige, pink and blue linear swatches
- Seed: `kULQBAdwy_09LNfVKC1g`
- Page: https://grabient.com/kULQBAdwy_09LNfVKC1g?style=linearSwatches&steps=4&angle=45
- Drawn as: linear swatches, 4 steps, 45 degrees
- Kinds: light center, vivid, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 15.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 | `#111111` | `oklch(17.72% 0.0000 89.88)` | Dreamless Sleep | white, 18.8 to 1 |
| 2 | `#f3ead1` | `oklch(93.70% 0.0344 88.94)` | Vanilla Wafer | black, 17.4 to 1 |
| 3 | `#e43c77` | `oklch(62.20% 0.2067 4.40)` | Fantasy Romance | black, 5.2 to 1 |
| 4 | `#1ca7b8` | `oklch(66.93% 0.1102 208.00)` | Bluebird | black, 7.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #111111 0.000% 25.000%, #f3ead1 25.000% 50.000%, #e43c77 50.000% 75.000%, #1ca7b8 75.000% 100.000%);
background: linear-gradient(45deg, oklch(17.72% 0.0000 89.88) 0.000% 25.000%, oklch(93.70% 0.0344 88.94) 25.000% 50.000%, oklch(62.20% 0.2067 4.40) 50.000% 75.000%, oklch(66.93% 0.1102 208.00) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0 | 90 |
| 2 | 0.937 | 0.034 | 88.9 |
| 3 | 0.622 | 0.207 | 4.4 |
| 4 | 0.669 | 0.11 | -152 |

## In these collections

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

## Other forms

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