# Champagne, cobalt blue and blush color palette

Gray, blue, purple and pink linear gradient with 32 colors: #f2e8ce, #dbd9bb, #b6c3a4, #89a990, #5a8d82, #326f77, #1b536c, #183c61, #1b2f5a, #1e2a58, #1f2c5c, #203364, #213d6f, #22497b, #255488, #2b5d95, #3861a1, #4b62af, #655fbb, #825ac1, #9f53be, #ba4cb2, #d147a2, #e14794, #ec4d8e, #f2588f, #f56596, #f673a0, #f67fab, #f48bb5, #f394bc, #f39ac1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, blue, purple and pink linear gradient
- Seed: `kW7Ro_qJ1UT2nvzRycvZCo_g`
- Page: https://grabient.com/kW7Ro_qJ1UT2nvzRycvZCo_g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.3 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 | `#f2e8ce` | `oklch(93.31% 0.0358 89.30)` | Light Shell Haven | black, 17.2 to 1 |
| 2 | `#dbd9bb` | `oklch(87.82% 0.0395 104.39)` | Apple Cucumber | black, 14.6 to 1 |
| 3 | `#b6c3a4` | `oklch(79.89% 0.0444 125.93)` | Chopped Dill | black, 11.3 to 1 |
| 4 | `#89a990` | `oklch(70.42% 0.0504 151.65)` | OMGreen | black, 8.1 to 1 |
| 5 | `#5a8d82` | `oklch(60.29% 0.0569 179.30)` | Chlorite | black, 5.5 to 1 |
| 6 | `#326f77` | `oklch(50.42% 0.0636 206.62)` | Lakelike | white, 5.7 to 1 |
| 7 | `#1b536c` | `oklch(41.70% 0.0701 231.34)` | Juggernaut | white, 8.4 to 1 |
| 8 | `#183c61` | `oklch(35.02% 0.0761 251.20)` | Poseidon | white, 11.2 to 1 |
| 9 | `#1b2f5a` | `oklch(31.25% 0.0811 263.99)` | Ending Navy Blue | white, 13.1 to 1 |
| 10 | `#1e2a58` | `oklch(30.14% 0.0847 269.49)` | Ultramarine Violet | white, 13.7 to 1 |
| 11 | `#1f2c5c` | `oklch(31.01% 0.0875 269.57)` | Ultramarine Violet | white, 13.3 to 1 |
| 12 | `#203364` | `oklch(33.35% 0.0898 266.06)` | Passionate Blue | white, 12.2 to 1 |
| 13 | `#213d6f` | `oklch(36.65% 0.0922 260.81)` | Limoges | white, 10.6 to 1 |
| 14 | `#22497b` | `oklch(40.40% 0.0953 255.65)` | Theatre Blue | white, 9 to 1 |
| 15 | `#255488` | `oklch(44.10% 0.0994 252.41)` | Frank Blue | white, 7.7 to 1 |
| 16 | `#2b5d95` | `oklch(47.23% 0.1052 252.95)` | Beacon Blue | white, 6.7 to 1 |
| 17 | `#3861a1` | `oklch(49.47% 0.1134 258.87)` | International | white, 6.1 to 1 |
| 18 | `#4b62af` | `oklch(51.54% 0.1256 269.48)` | Kakitsubata Blue | white, 5.7 to 1 |
| 19 | `#655fbb` | `oklch(53.61% 0.1407 283.34)` | Blue Marguerite | white, 5.3 to 1 |
| 20 | `#825ac1` | `oklch(55.66% 0.1569 299.09)` | Fuchsia Blue | white, 5 to 1 |
| 21 | `#9f53be` | `oklch(57.69% 0.1727 315.37)` | Royal Gramma Purple | white, 4.7 to 1 |
| 22 | `#ba4cb2` | `oklch(59.71% 0.1866 330.83)` | Ultraviolet Nusp | black, 4.7 to 1 |
| 23 | `#d147a2` | `oklch(61.71% 0.1970 344.12)` | Krameria | black, 5.1 to 1 |
| 24 | `#e14794` | `oklch(63.68% 0.2022 353.87)` | Prunus Avium | black, 5.5 to 1 |
| 25 | `#ec4d8e` | `oklch(65.69% 0.2009 359.37)` | Tutuji Pink | black, 6 to 1 |
| 26 | `#f2588f` | `oklch(67.83% 0.1935 1.83)` | Power Peony | black, 6.5 to 1 |
| 27 | `#f56596` | `oklch(70.02% 0.1816 1.99)` | Medium Pink | black, 7.1 to 1 |
| 28 | `#f673a0` | `oklch(72.18% 0.1669 0.55)` | French Pink | black, 7.8 to 1 |
| 29 | `#f67fab` | `oklch(74.21% 0.1513 358.18)` | Brown Knapweed | black, 8.5 to 1 |
| 30 | `#f48bb5` | `oklch(76.04% 0.1364 355.58)` | Brown Knapweed | black, 9.1 to 1 |
| 31 | `#f394bc` | `oklch(77.58% 0.1240 353.43)` | Pastel Magenta | black, 9.7 to 1 |
| 32 | `#f39ac1` | `oklch(78.74% 0.1157 352.43)` | Pastel Magenta | black, 10.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f2e8ce 0.0%, #dbd9bb 3.2%, #b6c3a4 6.5%, #89a990 9.7%, #5a8d82 12.9%, #326f77 16.1%, #1b536c 19.4%, #183c61 22.6%, #1b2f5a 25.8%, #1e2a58 29.0%, #1f2c5c 32.3%, #203364 35.5%, #213d6f 38.7%, #22497b 41.9%, #255488 45.2%, #2b5d95 48.4%, #3861a1 51.6%, #4b62af 54.8%, #655fbb 58.1%, #825ac1 61.3%, #9f53be 64.5%, #ba4cb2 67.7%, #d147a2 71.0%, #e14794 74.2%, #ec4d8e 77.4%, #f2588f 80.6%, #f56596 83.9%, #f673a0 87.1%, #f67fab 90.3%, #f48bb5 93.5%, #f394bc 96.8%, #f39ac1 100.0%);
background: linear-gradient(135deg in oklch, oklch(93.31% 0.0358 89.30) 0.0%, oklch(87.82% 0.0395 104.39) 3.2%, oklch(79.89% 0.0444 125.93) 6.5%, oklch(70.42% 0.0504 151.65) 9.7%, oklch(60.29% 0.0569 179.30) 12.9%, oklch(50.42% 0.0636 206.62) 16.1%, oklch(41.70% 0.0701 231.34) 19.4%, oklch(35.02% 0.0761 251.20) 22.6%, oklch(31.25% 0.0811 263.99) 25.8%, oklch(30.14% 0.0847 269.49) 29.0%, oklch(31.01% 0.0875 269.57) 32.3%, oklch(33.35% 0.0898 266.06) 35.5%, oklch(36.65% 0.0922 260.81) 38.7%, oklch(40.40% 0.0953 255.65) 41.9%, oklch(44.10% 0.0994 252.41) 45.2%, oklch(47.23% 0.1052 252.95) 48.4%, oklch(49.47% 0.1134 258.87) 51.6%, oklch(51.54% 0.1256 269.48) 54.8%, oklch(53.61% 0.1407 283.34) 58.1%, oklch(55.66% 0.1569 299.09) 61.3%, oklch(57.69% 0.1727 315.37) 64.5%, oklch(59.71% 0.1866 330.83) 67.7%, oklch(61.71% 0.1970 344.12) 71.0%, oklch(63.68% 0.2022 353.87) 74.2%, oklch(65.69% 0.2009 359.37) 77.4%, oklch(67.83% 0.1935 1.83) 80.6%, oklch(70.02% 0.1816 1.99) 83.9%, oklch(72.18% 0.1669 0.55) 87.1%, oklch(74.21% 0.1513 358.18) 90.3%, oklch(76.04% 0.1364 355.58) 93.5%, oklch(77.58% 0.1240 353.43) 96.8%, oklch(78.74% 0.1157 352.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.036 | 89.3 |
| 2 | 0.319 | 0.08 | 261.5 |
| 3 | 0.484 | 0.109 | 255.2 |
| 4 | 0.642 | 0.203 | 355.6 |
| 5 | 0.787 | 0.116 | 352.4 |

## In these collections

- [Equinox twilight horizon](https://grabient.com/equinox-twilight-horizon)
- [Composition notebook doodles](https://grabient.com/composition-notebook-doodles)

## Other forms

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