# Temperature anomaly color scale

The Temperature anomaly color scale brings together dark blue, blue, purple, magenta, and pale orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is dark blue, and its lightest tone is pale orange.

- Also called: Navy, purple, pink and beige linear gradient
- Seed: `kWOiW7so-_TirxRKvsX8pFLQ`
- Page: https://grabient.com/kWOiW7so-_TirxRKvsX8pFLQ?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 12.6 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 | `#101c34` | `oklch(22.83% 0.0510 263.67)` | Trapped Darkness | white, 17 to 1 |
| 2 | `#131f37` | `oklch(24.28% 0.0497 262.90)` | Sombre Night | white, 16.3 to 1 |
| 3 | `#18243c` | `oklch(26.30% 0.0473 261.48)` | Cool Balaclavas Are Forever | white, 15.4 to 1 |
| 4 | `#1d2b41` | `oklch(28.72% 0.0445 259.78)` | Eternal Darkness | white, 14.2 to 1 |
| 5 | `#243246` | `oklch(31.34% 0.0417 258.13)` | Crow Black | white, 13 to 1 |
| 6 | `#2b394c` | `oklch(33.97% 0.0397 256.89)` | Cool Air of Debonair | white, 11.7 to 1 |
| 7 | `#313f53` | `oklch(36.43% 0.0390 256.40)` | Waterhen Back | white, 10.6 to 1 |
| 8 | `#364559` | `oklch(38.54% 0.0402 257.00)` | Compass Blue | white, 9.7 to 1 |
| 9 | `#3a4960` | `oklch(40.10% 0.0439 259.05)` | Evening Glory | white, 9.1 to 1 |
| 10 | `#3c4b66` | `oklch(41.12% 0.0506 262.54)` | Sargasso Sea | white, 8.8 to 1 |
| 11 | `#3e4b6d` | `oklch(41.75% 0.0596 267.19)` | Mountain Blueberry | white, 8.6 to 1 |
| 12 | `#404a74` | `oklch(42.13% 0.0703 272.74)` | Takaka | white, 8.5 to 1 |
| 13 | `#45497a` | `oklch(42.40% 0.0819 278.93)` | Highlands Twilight | white, 8.4 to 1 |
| 14 | `#4b4680` | `oklch(42.69% 0.0938 285.48)` | Fresh Eggplant | white, 8.4 to 1 |
| 15 | `#524384` | `oklch(43.16% 0.1052 292.13)` | Harvest Night | white, 8.3 to 1 |
| 16 | `#5c4189` | `oklch(43.94% 0.1154 298.62)` | Harvest Night | white, 8.1 to 1 |
| 17 | `#66408c` | `oklch(45.10% 0.1243 304.69)` | Lords of the Night | white, 7.8 to 1 |
| 18 | `#703f90` | `oklch(46.38% 0.1343 310.38)` | Perkin Mauve | white, 7.4 to 1 |
| 19 | `#7c3d93` | `oklch(47.75% 0.1449 315.93)` | Cadmium Violet | white, 7.1 to 1 |
| 20 | `#883c95` | `oklch(49.28% 0.1552 321.58)` | Cadmium Violet | white, 6.7 to 1 |
| 21 | `#953b95` | `oklch(51.01% 0.1641 327.58)` | Purple Excellency | white, 6.2 to 1 |
| 22 | `#a33c93` | `oklch(53.00% 0.1708 334.17)` | Purple Cactus Flower | white, 5.8 to 1 |
| 23 | `#b23e8f` | `oklch(55.29% 0.1742 341.60)` | Fandango | white, 5.2 to 1 |
| 24 | `#c14488` | `oklch(57.94% 0.1733 350.11)` | Boat Orchid | white, 4.7 to 1 |
| 25 | `#cf507f` | `oklch(61.16% 0.1666 0.36)` | Pink Flambé | black, 5.1 to 1 |
| 26 | `#dd6275` | `oklch(65.22% 0.1535 12.98)` | Feverish | black, 6 to 1 |
| 27 | `#e67a6f` | `oklch(69.84% 0.1358 27.11)` | Pueblo Rose | black, 7.3 to 1 |
| 28 | `#eb9472` | `oklch(74.69% 0.1154 41.85)` | La Terra | black, 8.9 to 1 |
| 29 | `#ebac80` | `oklch(79.46% 0.0944 56.28)` | Melting Sunset | black, 10.7 to 1 |
| 30 | `#eac295` | `oklch(83.84% 0.0747 69.49)` | Apple Turnover | black, 12.6 to 1 |
| 31 | `#ead3ab` | `oklch(87.51% 0.0582 80.57)` | Champagne | black, 14.3 to 1 |
| 32 | `#ebdebc` | `oklch(90.16% 0.0469 88.60)` | Salt Steppe | black, 15.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #101c34 0.0%, #131f37 3.2%, #18243c 6.5%, #1d2b41 9.7%, #243246 12.9%, #2b394c 16.1%, #313f53 19.4%, #364559 22.6%, #3a4960 25.8%, #3c4b66 29.0%, #3e4b6d 32.3%, #404a74 35.5%, #45497a 38.7%, #4b4680 41.9%, #524384 45.2%, #5c4189 48.4%, #66408c 51.6%, #703f90 54.8%, #7c3d93 58.1%, #883c95 61.3%, #953b95 64.5%, #a33c93 67.7%, #b23e8f 71.0%, #c14488 74.2%, #cf507f 77.4%, #dd6275 80.6%, #e67a6f 83.9%, #eb9472 87.1%, #ebac80 90.3%, #eac295 93.5%, #ead3ab 96.8%, #ebdebc 100.0%);
background: linear-gradient(45deg in oklch, oklch(22.83% 0.0510 263.67) 0.0%, oklch(24.28% 0.0497 262.90) 3.2%, oklch(26.30% 0.0473 261.48) 6.5%, oklch(28.72% 0.0445 259.78) 9.7%, oklch(31.34% 0.0417 258.13) 12.9%, oklch(33.97% 0.0397 256.89) 16.1%, oklch(36.43% 0.0390 256.40) 19.4%, oklch(38.54% 0.0402 257.00) 22.6%, oklch(40.10% 0.0439 259.05) 25.8%, oklch(41.12% 0.0506 262.54) 29.0%, oklch(41.75% 0.0596 267.19) 32.3%, oklch(42.13% 0.0703 272.74) 35.5%, oklch(42.40% 0.0819 278.93) 38.7%, oklch(42.69% 0.0938 285.48) 41.9%, oklch(43.16% 0.1052 292.13) 45.2%, oklch(43.94% 0.1154 298.62) 48.4%, oklch(45.10% 0.1243 304.69) 51.6%, oklch(46.38% 0.1343 310.38) 54.8%, oklch(47.75% 0.1449 315.93) 58.1%, oklch(49.28% 0.1552 321.58) 61.3%, oklch(51.01% 0.1641 327.58) 64.5%, oklch(53.00% 0.1708 334.17) 67.7%, oklch(55.29% 0.1742 341.60) 71.0%, oklch(57.94% 0.1733 350.11) 74.2%, oklch(61.16% 0.1666 0.36) 77.4%, oklch(65.22% 0.1535 12.98) 80.6%, oklch(69.84% 0.1358 27.11) 83.9%, oklch(74.69% 0.1154 41.85) 87.1%, oklch(79.46% 0.0944 56.28) 90.3%, oklch(83.84% 0.0747 69.49) 93.5%, oklch(87.51% 0.0582 80.57) 96.8%, oklch(90.16% 0.0469 88.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.051 | 263.7 |
| 2 | 0.398 | 0.043 | 258.4 |
| 3 | 0.445 | 0.12 | 301.7 |
| 4 | 0.587 | 0.172 | 352.4 |
| 5 | 0.902 | 0.047 | 448.6 |

## In these collections

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

## Other forms

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