# Pale blue, ochre and violet color palette

The Pale blue, ochre and violet color palette brings together pale teal, green, gold, orange, red, and purple. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits website sections and interface mockups. Its darkest tone is purple, and its lightest tone is pale teal.

- Also called: Light blue, green, orange and purple linear gradient
- Seed: `kY7hqPUCo7Gs8OretrpRDs5rSquQ`
- Page: https://grabient.com/kY7hqPUCo7Gs8OretrpRDs5rSquQ?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#d0f2f4` | `oklch(93.70% 0.0358 201.09)` | Windswept | black, 17.6 to 1 |
| 2 | `#bce7e8` | `oklch(89.92% 0.0445 196.82)` | Blue Karma | black, 15.7 to 1 |
| 3 | `#a1d8d4` | `oklch(84.24% 0.0568 190.96)` | Blue Tint | black, 13.2 to 1 |
| 4 | `#81c6bb` | `oklch(77.68% 0.0712 184.00)` | Booty Bay | black, 10.7 to 1 |
| 5 | `#62b4a1` | `oklch(71.30% 0.0864 176.41)` | Tropic Turquoise | black, 8.5 to 1 |
| 6 | `#49a687` | `oklch(66.13% 0.1010 168.68)` | Laurel Wreath | black, 7.1 to 1 |
| 7 | `#3c9f73` | `oklch(63.21% 0.1136 161.28)` | Linoleum Green | black, 6.3 to 1 |
| 8 | `#41a067` | `oklch(63.42% 0.1241 154.33)` | Greenish | black, 6.4 to 1 |
| 9 | `#53a961` | `oklch(66.30% 0.1343 147.32)` | Exploration Green | black, 7.2 to 1 |
| 10 | `#6db65d` | `oklch(70.80% 0.1438 140.23)` | Palm Tree | black, 8.5 to 1 |
| 11 | `#89c55a` | `oklch(75.90% 0.1523 133.05)` | Vivid Spring | black, 10.1 to 1 |
| 12 | `#a6d155` | `oklch(80.53% 0.1591 125.80)` | Young Green Onion | black, 11.8 to 1 |
| 13 | `#bfd74c` | `oklch(83.66% 0.1640 118.46)` | June Bud | black, 13 to 1 |
| 14 | `#d2d63e` | `oklch(84.57% 0.1663 111.04)` | Poisonous Cloud | black, 13.3 to 1 |
| 15 | `#decf30` | `oklch(84.19% 0.1654 103.58)` | Polliwog | black, 13 to 1 |
| 16 | `#e6c527` | `oklch(82.89% 0.1622 96.05)` | Thai Temple | black, 12.4 to 1 |
| 17 | `#eaba23` | `oklch(80.90% 0.1579 88.42)` | Gold Leaf | black, 11.5 to 1 |
| 18 | `#ebad25` | `oklch(78.50% 0.1538 80.67)` | Sun Song | black, 10.5 to 1 |
| 19 | `#ea9f28` | `oklch(75.93% 0.1508 72.77)` | Clarified Butter | black, 9.5 to 1 |
| 20 | `#e9922c` | `oklch(73.36% 0.1503 64.69)` | Sanskrit | black, 8.5 to 1 |
| 21 | `#e5832e` | `oklch(70.27% 0.1523 56.47)` | West Side | black, 7.5 to 1 |
| 22 | `#df7231` | `oklch(66.74% 0.1557 48.12)` | Tahiti Gold | black, 6.5 to 1 |
| 23 | `#d66036` | `oklch(63.00% 0.1594 39.62)` | Vermilion Waxcap | black, 5.6 to 1 |
| 24 | `#cd503d` | `oklch(59.30% 0.1624 30.99)` | Painted Poppy | black, 4.7 to 1 |
| 25 | `#c14146` | `oklch(55.89% 0.1636 22.22)` | Watermelon Red | white, 5 to 1 |
| 26 | `#b63750` | `oklch(53.01% 0.1620 13.28)` | Raspberry Wine | white, 5.7 to 1 |
| 27 | `#a8325b` | `oklch(50.45% 0.1568 3.31)` | Tree Peony | white, 6.4 to 1 |
| 28 | `#993066` | `oklch(48.08% 0.1489 352.51)` | Magenta Manicure | white, 7 to 1 |
| 29 | `#89316e` | `oklch(45.93% 0.1397 341.68)` | Violet Vixen | white, 7.7 to 1 |
| 30 | `#7a3272` | `oklch(44.07% 0.1305 331.62)` | Veronica Purple | white, 8.3 to 1 |
| 31 | `#6d3374` | `oklch(42.52% 0.1225 323.12)` | Comtesse | white, 8.8 to 1 |
| 32 | `#643375` | `oklch(41.34% 0.1171 316.98)` | Purple Magic | white, 9.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d0f2f4 0.0%, #bce7e8 3.2%, #a1d8d4 6.5%, #81c6bb 9.7%, #62b4a1 12.9%, #49a687 16.1%, #3c9f73 19.4%, #41a067 22.6%, #53a961 25.8%, #6db65d 29.0%, #89c55a 32.3%, #a6d155 35.5%, #bfd74c 38.7%, #d2d63e 41.9%, #decf30 45.2%, #e6c527 48.4%, #eaba23 51.6%, #ebad25 54.8%, #ea9f28 58.1%, #e9922c 61.3%, #e5832e 64.5%, #df7231 67.7%, #d66036 71.0%, #cd503d 74.2%, #c14146 77.4%, #b63750 80.6%, #a8325b 83.9%, #993066 87.1%, #89316e 90.3%, #7a3272 93.5%, #6d3374 96.8%, #643375 100.0%);
background: linear-gradient(90deg in oklch, oklch(93.70% 0.0358 201.09) 0.0%, oklch(89.92% 0.0445 196.82) 3.2%, oklch(84.24% 0.0568 190.96) 6.5%, oklch(77.68% 0.0712 184.00) 9.7%, oklch(71.30% 0.0864 176.41) 12.9%, oklch(66.13% 0.1010 168.68) 16.1%, oklch(63.21% 0.1136 161.28) 19.4%, oklch(63.42% 0.1241 154.33) 22.6%, oklch(66.30% 0.1343 147.32) 25.8%, oklch(70.80% 0.1438 140.23) 29.0%, oklch(75.90% 0.1523 133.05) 32.3%, oklch(80.53% 0.1591 125.80) 35.5%, oklch(83.66% 0.1640 118.46) 38.7%, oklch(84.57% 0.1663 111.04) 41.9%, oklch(84.19% 0.1654 103.58) 45.2%, oklch(82.89% 0.1622 96.05) 48.4%, oklch(80.90% 0.1579 88.42) 51.6%, oklch(78.50% 0.1538 80.67) 54.8%, oklch(75.93% 0.1508 72.77) 58.1%, oklch(73.36% 0.1503 64.69) 61.3%, oklch(70.27% 0.1523 56.47) 64.5%, oklch(66.74% 0.1557 48.12) 67.7%, oklch(63.00% 0.1594 39.62) 71.0%, oklch(59.30% 0.1624 30.99) 74.2%, oklch(55.89% 0.1636 22.22) 77.4%, oklch(53.01% 0.1620 13.28) 80.6%, oklch(50.45% 0.1568 3.31) 83.9%, oklch(48.08% 0.1489 352.51) 87.1%, oklch(45.93% 0.1397 341.68) 90.3%, oklch(44.07% 0.1305 331.62) 93.5%, oklch(42.52% 0.1225 323.12) 96.8%, oklch(41.34% 0.1171 316.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.937 | 0.036 | 201.1 |
| 2 | 0.63 | 0.116 | 159.9 |
| 3 | 0.843 | 0.165 | 115.5 |
| 4 | 0.744 | 0.15 | 67.9 |
| 5 | 0.535 | 0.163 | 15.1 |
| 6 | 0.413 | 0.117 | -43 |

## In these collections

- [Hero section gradients](https://grabient.com/hero-section-gradients)
- [Weather map gradients](https://grabient.com/weather-map-gradients)

## Other forms

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