# Blue and peach color palette

The Blue and peach color palette brings together dark blue, blue, light teal, light orange, gold, red, and purple. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is dark blue, and its lightest tone is gold.

- Also called: Navy, gray, tan and purple linear gradient
- Seed: `kcSi-6NBg-8icPtfCrwYp0uOwxQzIm7gLBc2w`
- Page: https://grabient.com/kcSi-6NBg-8icPtfCrwYp0uOwxQzIm7gLBc2w?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 9 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 | `#192b4c` | `oklch(29.13% 0.0648 261.56)` | Rurikon Blue | white, 14.1 to 1 |
| 2 | `#1c3051` | `oklch(30.92% 0.0648 260.25)` | Elite Blue | white, 13.2 to 1 |
| 3 | `#213757` | `oklch(33.42% 0.0648 258.38)` | Navy Peony | white, 12 to 1 |
| 4 | `#273f60` | `oklch(36.40% 0.0649 256.21)` | Alpine Race | white, 10.7 to 1 |
| 5 | `#2d4869` | `oklch(39.58% 0.0656 254.00)` | Lake View | white, 9.3 to 1 |
| 6 | `#335173` | `oklch(42.80% 0.0675 252.10)` | Aerostatics | white, 8.1 to 1 |
| 7 | `#395b80` | `oklch(46.29% 0.0717 250.76)` | Pelagic | white, 7 to 1 |
| 8 | `#3f668d` | `oklch(49.99% 0.0762 249.28)` | Blue Ribbon Beauty | white, 5.9 to 1 |
| 9 | `#477299` | `oklch(53.80% 0.0786 246.92)` | Postwar Boom | white, 5 to 1 |
| 10 | `#4f7fa3` | `oklch(57.64% 0.0765 242.95)` | Borage | black, 4.8 to 1 |
| 11 | `#608caa` | `oklch(61.92% 0.0665 239.69)` | Sea Crystal | black, 5.8 to 1 |
| 12 | `#7599b0` | `oklch(66.46% 0.0517 236.33)` | Ocean View | black, 6.9 to 1 |
| 13 | `#89a6b4` | `oklch(70.71% 0.0375 229.62)` | Blue Skylights | black, 8.1 to 1 |
| 14 | `#97b0b7` | `oklch(74.08% 0.0294 216.31)` | Mountain Stream | black, 9.2 to 1 |
| 15 | `#9bb8b6` | `oklch(76.04% 0.0315 191.35)` | Renew Blue | black, 9.9 to 1 |
| 16 | `#a0bca7` | `oklch(76.74% 0.0413 153.13)` | Reeds | black, 10.2 to 1 |
| 17 | `#b4b88f` | `oklch(76.84% 0.0553 111.35)` | Secret Glade | black, 10.1 to 1 |
| 18 | `#ceaf82` | `oklch(77.01% 0.0704 76.19)` | Saxophone Gold | black, 10 to 1 |
| 19 | `#e0aa82` | `oklch(77.98% 0.0836 57.72)` | Tumbleweed | black, 10.2 to 1 |
| 20 | `#efb07e` | `oklch(80.45% 0.0990 58.59)` | Exciting Orange | black, 11.1 to 1 |
| 21 | `#f9bb71` | `oklch(83.42% 0.1155 70.30)` | Halcyon Days | black, 12.3 to 1 |
| 22 | `#f8c865` | `oklch(85.51% 0.1288 83.46)` | Golden Crest | black, 13.4 to 1 |
| 23 | `#f3ca5c` | `oklch(85.33% 0.1350 88.70)` | Bee Hall | black, 13.3 to 1 |
| 24 | `#eeba57` | `oklch(81.78% 0.1301 81.45)` | Oh My Gold | black, 11.8 to 1 |
| 25 | `#e0a15a` | `oklch(75.54% 0.1159 67.52)` | India Trade | black, 9.4 to 1 |
| 26 | `#c98660` | `oklch(68.04% 0.0980 49.90)` | Wheatberry | black, 7 to 1 |
| 27 | `#ae7064` | `oklch(60.68% 0.0820 31.47)` | New England Brick | black, 5.2 to 1 |
| 28 | `#965f63` | `oklch(54.60% 0.0727 14.31)` | Abra Cadabra | white, 5.1 to 1 |
| 29 | `#7e4f61` | `oklch(48.65% 0.0679 354.86)` | Grey Carmine | white, 6.6 to 1 |
| 30 | `#66425e` | `oklch(42.95% 0.0655 334.73)` | Grape Fizz | white, 8.4 to 1 |
| 31 | `#503759` | `oklch(38.09% 0.0644 316.94)` | Dark Blackberry | white, 10.2 to 1 |
| 32 | `#413154` | `oklch(34.65% 0.0634 304.54)` | Naggaroth Night | white, 11.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #192b4c 0.0%, #1c3051 3.2%, #213757 6.5%, #273f60 9.7%, #2d4869 12.9%, #335173 16.1%, #395b80 19.4%, #3f668d 22.6%, #477299 25.8%, #4f7fa3 29.0%, #608caa 32.3%, #7599b0 35.5%, #89a6b4 38.7%, #97b0b7 41.9%, #9bb8b6 45.2%, #a0bca7 48.4%, #b4b88f 51.6%, #ceaf82 54.8%, #e0aa82 58.1%, #efb07e 61.3%, #f9bb71 64.5%, #f8c865 67.7%, #f3ca5c 71.0%, #eeba57 74.2%, #e0a15a 77.4%, #c98660 80.6%, #ae7064 83.9%, #965f63 87.1%, #7e4f61 90.3%, #66425e 93.5%, #503759 96.8%, #413154 100.0%);
background: linear-gradient(45deg in oklch, oklch(29.13% 0.0648 261.56) 0.0%, oklch(30.92% 0.0648 260.25) 3.2%, oklch(33.42% 0.0648 258.38) 6.5%, oklch(36.40% 0.0649 256.21) 9.7%, oklch(39.58% 0.0656 254.00) 12.9%, oklch(42.80% 0.0675 252.10) 16.1%, oklch(46.29% 0.0717 250.76) 19.4%, oklch(49.99% 0.0762 249.28) 22.6%, oklch(53.80% 0.0786 246.92) 25.8%, oklch(57.64% 0.0765 242.95) 29.0%, oklch(61.92% 0.0665 239.69) 32.3%, oklch(66.46% 0.0517 236.33) 35.5%, oklch(70.71% 0.0375 229.62) 38.7%, oklch(74.08% 0.0294 216.31) 41.9%, oklch(76.04% 0.0315 191.35) 45.2%, oklch(76.74% 0.0413 153.13) 48.4%, oklch(76.84% 0.0553 111.35) 51.6%, oklch(77.01% 0.0704 76.19) 54.8%, oklch(77.98% 0.0836 57.72) 58.1%, oklch(80.45% 0.0990 58.59) 61.3%, oklch(83.42% 0.1155 70.30) 64.5%, oklch(85.51% 0.1288 83.46) 67.7%, oklch(85.33% 0.1350 88.70) 71.0%, oklch(81.78% 0.1301 81.45) 74.2%, oklch(75.54% 0.1159 67.52) 77.4%, oklch(68.04% 0.0980 49.90) 80.6%, oklch(60.68% 0.0820 31.47) 83.9%, oklch(54.60% 0.0727 14.31) 87.1%, oklch(48.65% 0.0679 354.86) 90.3%, oklch(42.95% 0.0655 334.73) 93.5%, oklch(38.09% 0.0644 316.94) 96.8%, oklch(34.65% 0.0634 304.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.291 | 0.065 | 261.6 |
| 2 | 0.409 | 0.066 | 253.1 |
| 3 | 0.571 | 0.077 | 243.6 |
| 4 | 0.748 | 0.029 | 210.8 |
| 5 | 0.776 | 0.08 | 60.8 |
| 6 | 0.85 | 0.135 | 88.3 |
| 7 | 0.571 | 0.076 | 21.7 |
| 8 | 0.346 | 0.063 | -55.5 |

## In these collections

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

## Other forms

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