# Crimson, gold and turquoise summer palette

The Crimson, gold and turquoise summer palette brings together red, gold, light green, and teal. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is red, and its lightest tone is gold.

- Also called: Vivid tritone pink, peach and teal linear gradient
- Seed: `kWrJsK3jrCW2zxZksUe2yfGw`
- Page: https://grabient.com/kWrJsK3jrCW2zxZksUe2yfGw?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.1 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 | `#ff4c6c` | `oklch(67.72% 0.2136 14.77)` | Love Red | black, 6.4 to 1 |
| 2 | `#ff516b` | `oklch(68.18% 0.2091 16.17)` | Fiery Rose | black, 6.6 to 1 |
| 3 | `#ff576a` | `oklch(68.75% 0.2030 17.84)` | Festive Fennec | black, 6.8 to 1 |
| 4 | `#ff5e69` | `oklch(69.43% 0.1956 19.82)` | Grenadine Pink | black, 7 to 1 |
| 5 | `#fe6568` | `oklch(70.21% 0.1876 22.14)` | Pompelmo | black, 7.2 to 1 |
| 6 | `#fe6c67` | `oklch(71.09% 0.1795 24.87)` | Pastel Red | black, 7.5 to 1 |
| 7 | `#fe7465` | `oklch(72.07% 0.1718 28.05)` | Grapefruit Pulp | black, 7.8 to 1 |
| 8 | `#ff7b64` | `oklch(73.15% 0.1652 31.73)` | Sunset Papaya | black, 8.2 to 1 |
| 9 | `#ff8362` | `oklch(74.33% 0.1587 35.95)` | Pink Fire | black, 8.6 to 1 |
| 10 | `#ff8d62` | `oklch(75.86% 0.1499 40.76)` | After Burn | black, 9.2 to 1 |
| 11 | `#ff9865` | `oklch(77.70% 0.1403 46.11)` | Mock Orange | black, 9.9 to 1 |
| 12 | `#ffa36a` | `oklch(79.70% 0.1312 51.93)` | Sharegaki Persimmon | black, 10.7 to 1 |
| 13 | `#ffae6f` | `oklch(81.69% 0.1240 58.17)` | Bloom | black, 11.5 to 1 |
| 14 | `#ffb872` | `oklch(83.50% 0.1199 64.76)` | Cheese Puff | black, 12.3 to 1 |
| 15 | `#ffc070` | `oklch(84.98% 0.1210 71.65)` | Cinnamon Buff | black, 13 to 1 |
| 16 | `#ffc666` | `oklch(85.97% 0.1307 78.77)` | Mellow Drama | black, 13.5 to 1 |
| 17 | `#fbcb58` | `oklch(86.31% 0.1412 86.13)` | Capricorn Golden Key | black, 13.7 to 1 |
| 18 | `#efcf59` | `oklch(86.07% 0.1401 94.06)` | Sorreno Lemon | black, 13.7 to 1 |
| 19 | `#e1d25c` | `oklch(85.38% 0.1395 102.46)` | Gamboge Yellow | black, 13.5 to 1 |
| 20 | `#cfd460` | `oklch(84.35% 0.1391 111.18)` | Energised | black, 13.2 to 1 |
| 21 | `#bcd567` | `oklch(83.12% 0.1387 120.05)` | Glow Worm | black, 12.8 to 1 |
| 22 | `#a8d570` | `oklch(81.80% 0.1381 128.90)` | Crystal Green | black, 12.3 to 1 |
| 23 | `#93d47b` | `oklch(80.51% 0.1371 137.57)` | Tropical Light | black, 11.9 to 1 |
| 24 | `#7fd386` | `oklch(79.38% 0.1355 145.91)` | Electric Lettuce | black, 11.5 to 1 |
| 25 | `#6cd191` | `oklch(78.39% 0.1332 154.08)` | Van Gogh Green | black, 11.2 to 1 |
| 26 | `#59cf9d` | `oklch(77.32% 0.1299 162.69)` | Vegetation | black, 10.8 to 1 |
| 27 | `#47cba8` | `oklch(76.20% 0.1261 171.45)` | Diroset | black, 10.4 to 1 |
| 28 | `#3ac7b1` | `oklch(75.09% 0.1220 180.03)` | Disc Jockey | black, 9.9 to 1 |
| 29 | `#32c2b9` | `oklch(74.02% 0.1180 188.10)` | Swimmers Pool | black, 9.5 to 1 |
| 30 | `#31bebe` | `oklch(73.06% 0.1142 195.35)` | Maximum Blue Green | black, 9.2 to 1 |
| 31 | `#34bac2` | `oklch(72.26% 0.1111 201.44)` | Montego Bay | black, 8.9 to 1 |
| 32 | `#37b7c5` | `oklch(71.65% 0.1089 206.04)` | Utopia Beckons | black, 8.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #ff4c6c 0.0%, #ff516b 3.2%, #ff576a 6.5%, #ff5e69 9.7%, #fe6568 12.9%, #fe6c67 16.1%, #fe7465 19.4%, #ff7b64 22.6%, #ff8362 25.8%, #ff8d62 29.0%, #ff9865 32.3%, #ffa36a 35.5%, #ffae6f 38.7%, #ffb872 41.9%, #ffc070 45.2%, #ffc666 48.4%, #fbcb58 51.6%, #efcf59 54.8%, #e1d25c 58.1%, #cfd460 61.3%, #bcd567 64.5%, #a8d570 67.7%, #93d47b 71.0%, #7fd386 74.2%, #6cd191 77.4%, #59cf9d 80.6%, #47cba8 83.9%, #3ac7b1 87.1%, #32c2b9 90.3%, #31bebe 93.5%, #34bac2 96.8%, #37b7c5 100.0%);
background: linear-gradient(45deg in oklch, oklch(67.72% 0.2136 14.77) 0.0%, oklch(68.18% 0.2091 16.17) 3.2%, oklch(68.75% 0.2030 17.84) 6.5%, oklch(69.43% 0.1956 19.82) 9.7%, oklch(70.21% 0.1876 22.14) 12.9%, oklch(71.09% 0.1795 24.87) 16.1%, oklch(72.07% 0.1718 28.05) 19.4%, oklch(73.15% 0.1652 31.73) 22.6%, oklch(74.33% 0.1587 35.95) 25.8%, oklch(75.86% 0.1499 40.76) 29.0%, oklch(77.70% 0.1403 46.11) 32.3%, oklch(79.70% 0.1312 51.93) 35.5%, oklch(81.69% 0.1240 58.17) 38.7%, oklch(83.50% 0.1199 64.76) 41.9%, oklch(84.98% 0.1210 71.65) 45.2%, oklch(85.97% 0.1307 78.77) 48.4%, oklch(86.31% 0.1412 86.13) 51.6%, oklch(86.07% 0.1401 94.06) 54.8%, oklch(85.38% 0.1395 102.46) 58.1%, oklch(84.35% 0.1391 111.18) 61.3%, oklch(83.12% 0.1387 120.05) 64.5%, oklch(81.80% 0.1381 128.90) 67.7%, oklch(80.51% 0.1371 137.57) 71.0%, oklch(79.38% 0.1355 145.91) 74.2%, oklch(78.39% 0.1332 154.08) 77.4%, oklch(77.32% 0.1299 162.69) 80.6%, oklch(76.20% 0.1261 171.45) 83.9%, oklch(75.09% 0.1220 180.03) 87.1%, oklch(74.02% 0.1180 188.10) 90.3%, oklch(73.06% 0.1142 195.35) 93.5%, oklch(72.26% 0.1111 201.44) 96.8%, oklch(71.65% 0.1089 206.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.677 | 0.214 | 14.8 |
| 2 | 0.74 | 0.161 | 34.8 |
| 3 | 0.862 | 0.142 | 82.4 |
| 4 | 0.791 | 0.135 | 147.9 |
| 5 | 0.717 | 0.109 | 206 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)

## Other forms

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