# Threshold Glow palette

The Threshold Glow palette brings together off-white, light teal, teal, red, and magenta. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is off-white.

- Also called: White, light blue, brown and dark purple linear gradient
- Seed: `kW9whYb5ZIFYkwlHpKrrpM3Q`
- Page: https://grabient.com/kW9whYb5ZIFYkwlHpKrrpM3Q?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 10 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 | `#f4f7ef` | `oklch(97.24% 0.0110 123.75)` | Grass Valley | black, 19.4 to 1 |
| 2 | `#f0f6eb` | `oklch(96.56% 0.0151 129.60)` | Applemint Soda | black, 19 to 1 |
| 3 | `#eaf4e7` | `oklch(95.74% 0.0205 137.80)` | Glacier Ivy | black, 18.6 to 1 |
| 4 | `#e2f3e4` | `oklch(94.76% 0.0271 147.58)` | Frosted Mint | black, 18.1 to 1 |
| 5 | `#d8f1e1` | `oklch(93.62% 0.0343 158.18)` | Green Brocade | black, 17.6 to 1 |
| 6 | `#ccefe1` | `oklch(92.32% 0.0417 168.87)` | Jewel White | black, 17 to 1 |
| 7 | `#bfece1` | `oklch(90.83% 0.0491 178.86)` | Clear Aqua | black, 16.2 to 1 |
| 8 | `#b2e8e2` | `oklch(89.17% 0.0560 187.42)` | Cool Crayon | black, 15.5 to 1 |
| 9 | `#a5e3e1` | `oklch(87.30% 0.0621 193.92)` | Ice Crystal Blue | black, 14.6 to 1 |
| 10 | `#98dce0` | `oklch(85.07% 0.0681 200.59)` | Exotic Escape | black, 13.6 to 1 |
| 11 | `#8bd4df` | `oklch(82.48% 0.0741 207.73)` | Plunging Waterfall | black, 12.5 to 1 |
| 12 | `#7dcadd` | `oklch(79.68% 0.0801 214.38)` | Big Chill | black, 11.4 to 1 |
| 13 | `#71c1d9` | `oklch(76.79% 0.0858 219.59)` | Squeaky | black, 10.3 to 1 |
| 14 | `#64b8d4` | `oklch(73.93% 0.0910 222.38)` | Baby Tears | black, 9.3 to 1 |
| 15 | `#55b0cd` | `oklch(71.22% 0.0955 221.80)` | Crystal Seas | black, 8.4 to 1 |
| 16 | `#44aac3` | `oklch(68.79% 0.0992 216.89)` | Moonstone | black, 7.7 to 1 |
| 17 | `#31a6b4` | `oklch(66.75% 0.1018 206.44)` | Green Buoy | black, 7.2 to 1 |
| 18 | `#27a39c` | `oklch(65.09% 0.1038 189.01)` | Sea Kale | black, 6.8 to 1 |
| 19 | `#3f9f7d` | `oklch(63.68% 0.1052 166.19)` | Klimt Green | black, 6.4 to 1 |
| 20 | `#649758` | `oklch(62.43% 0.1060 139.91)` | Abundance | black, 6.1 to 1 |
| 21 | `#858a37` | `oklch(61.23% 0.1060 112.13)` | Woodbine | black, 5.6 to 1 |
| 22 | `#9d7a2a` | `oklch(59.96% 0.1053 84.79)` | Fernweh | black, 5.2 to 1 |
| 23 | `#a86c36` | `oklch(58.52% 0.1038 59.84)` | Eagle | black, 4.8 to 1 |
| 24 | `#a96048` | `oklch(56.79% 0.1013 39.23)` | Borneo | white, 4.6 to 1 |
| 25 | `#a25855` | `oklch(54.64% 0.0976 23.49)` | Cheek Red | white, 5.1 to 1 |
| 26 | `#96515d` | `oklch(52.03% 0.0920 10.00)` | Vin Rouge | white, 5.7 to 1 |
| 27 | `#874b60` | `oklch(49.13% 0.0851 358.42)` | Red Shrivel | white, 6.5 to 1 |
| 28 | `#784660` | `oklch(46.12% 0.0774 348.55)` | Scintillating Violet | white, 7.4 to 1 |
| 29 | `#6a415c` | `oklch(43.18% 0.0697 340.19)` | Prune Purple | white, 8.3 to 1 |
| 30 | `#5d3c57` | `oklch(40.50% 0.0626 333.12)` | Blackberry Wine | white, 9.3 to 1 |
| 31 | `#533853` | `oklch(38.25% 0.0566 327.15)` | Auricula Purple | white, 10.1 to 1 |
| 32 | `#4c354f` | `oklch(36.61% 0.0524 322.07)` | Oregon Grape | white, 10.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f4f7ef 0.0%, #f0f6eb 3.2%, #eaf4e7 6.5%, #e2f3e4 9.7%, #d8f1e1 12.9%, #ccefe1 16.1%, #bfece1 19.4%, #b2e8e2 22.6%, #a5e3e1 25.8%, #98dce0 29.0%, #8bd4df 32.3%, #7dcadd 35.5%, #71c1d9 38.7%, #64b8d4 41.9%, #55b0cd 45.2%, #44aac3 48.4%, #31a6b4 51.6%, #27a39c 54.8%, #3f9f7d 58.1%, #649758 61.3%, #858a37 64.5%, #9d7a2a 67.7%, #a86c36 71.0%, #a96048 74.2%, #a25855 77.4%, #96515d 80.6%, #874b60 83.9%, #784660 87.1%, #6a415c 90.3%, #5d3c57 93.5%, #533853 96.8%, #4c354f 100.0%);
background: linear-gradient(135deg in oklch, oklch(97.24% 0.0110 123.75) 0.0%, oklch(96.56% 0.0151 129.60) 3.2%, oklch(95.74% 0.0205 137.80) 6.5%, oklch(94.76% 0.0271 147.58) 9.7%, oklch(93.62% 0.0343 158.18) 12.9%, oklch(92.32% 0.0417 168.87) 16.1%, oklch(90.83% 0.0491 178.86) 19.4%, oklch(89.17% 0.0560 187.42) 22.6%, oklch(87.30% 0.0621 193.92) 25.8%, oklch(85.07% 0.0681 200.59) 29.0%, oklch(82.48% 0.0741 207.73) 32.3%, oklch(79.68% 0.0801 214.38) 35.5%, oklch(76.79% 0.0858 219.59) 38.7%, oklch(73.93% 0.0910 222.38) 41.9%, oklch(71.22% 0.0955 221.80) 45.2%, oklch(68.79% 0.0992 216.89) 48.4%, oklch(66.75% 0.1018 206.44) 51.6%, oklch(65.09% 0.1038 189.01) 54.8%, oklch(63.68% 0.1052 166.19) 58.1%, oklch(62.43% 0.1060 139.91) 61.3%, oklch(61.23% 0.1060 112.13) 64.5%, oklch(59.96% 0.1053 84.79) 67.7%, oklch(58.52% 0.1038 59.84) 71.0%, oklch(56.79% 0.1013 39.23) 74.2%, oklch(54.64% 0.0976 23.49) 77.4%, oklch(52.03% 0.0920 10.00) 80.6%, oklch(49.13% 0.0851 358.42) 83.9%, oklch(46.12% 0.0774 348.55) 87.1%, oklch(43.18% 0.0697 340.19) 90.3%, oklch(40.50% 0.0626 333.12) 93.5%, oklch(38.25% 0.0566 327.15) 96.8%, oklch(36.61% 0.0524 322.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.972 | 0.011 | 123.8 |
| 2 | 0.878 | 0.061 | 192.4 |
| 3 | 0.677 | 0.101 | 212.5 |
| 4 | 0.563 | 0.101 | 35 |
| 5 | 0.366 | 0.052 | -37.9 |

## In these collections

- [Liminal colors](https://grabient.com/liminal-colors)

## Other forms

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