# Gold sun bleached pool tiles

The Gold sun bleached pool tiles brings together light yellow, light orange, orange, and blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light yellow.

- Also called: Complementary beige, gray and blue radial gradient
- Seed: `kW3iRG4Je9c6MvRCjjExKk8g`
- Page: https://grabient.com/kW3iRG4Je9c6MvRCjjExKk8g?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: light to dark, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.8 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 | `#ddd7b2` | `oklch(87.40% 0.0496 99.14)` | Rancho Verde | black, 14.4 to 1 |
| 2 | `#dbd3ae` | `oklch(86.51% 0.0512 97.47)` | Stardust | black, 13.9 to 1 |
| 3 | `#d9cfa8` | `oklch(85.33% 0.0536 95.27)` | Capital Grains | black, 13.4 to 1 |
| 4 | `#d7caa1` | `oklch(83.94% 0.0565 92.64)` | Ground Ginger | black, 12.8 to 1 |
| 5 | `#d4c49a` | `oklch(82.38% 0.0594 89.71)` | Champagne Beige | black, 12.1 to 1 |
| 6 | `#d2be92` | `oklch(80.70% 0.0621 86.60)` | Beaten Track | black, 11.5 to 1 |
| 7 | `#ceb78c` | `oklch(78.97% 0.0641 83.41)` | Canvas Satchel | black, 10.8 to 1 |
| 8 | `#cbb186` | `oklch(77.25% 0.0650 80.27)` | Oak Harbour | black, 10.1 to 1 |
| 9 | `#c7ab82` | `oklch(75.57% 0.0645 77.32)` | Middlestone | black, 9.5 to 1 |
| 10 | `#c1a57f` | `oklch(73.80% 0.0621 75.36)` | Graham Cracker | black, 8.9 to 1 |
| 11 | `#bb9f7c` | `oklch(71.93% 0.0583 74.18)` | French Oak | black, 8.3 to 1 |
| 12 | `#b39a7a` | `oklch(69.99% 0.0535 73.16)` | Wooded Acre | black, 7.8 to 1 |
| 13 | `#ac9478` | `oklch(68.05% 0.0483 71.67)` | Serengeti | black, 7.2 to 1 |
| 14 | `#a48e76` | `oklch(66.13% 0.0433 69.08)` | Sandy Ridge | black, 6.7 to 1 |
| 15 | `#9e8975` | `oklch(64.30% 0.0388 64.77)` | Sycamore Tan | black, 6.2 to 1 |
| 16 | `#998373` | `oklch(62.60% 0.0355 58.11)` | Creamy Mocha | black, 5.8 to 1 |
| 17 | `#957e72` | `oklch(61.05% 0.0336 48.30)` | Tallarn Leather | black, 5.4 to 1 |
| 18 | `#917872` | `oklch(59.52% 0.0320 34.43)` | Venus Deva | black, 5.1 to 1 |
| 19 | `#8c7374` | `oklch(58.02% 0.0308 17.52)` | Plum Haze | black, 4.8 to 1 |
| 20 | `#866f76` | `oklch(56.61% 0.0300 358.83)` | Pomace Red | white, 4.6 to 1 |
| 21 | `#7f6c78` | `oklch(55.30% 0.0301 339.62)` | Moonscape | white, 4.8 to 1 |
| 22 | `#78697a` | `oklch(54.16% 0.0312 321.18)` | Old Lavender | white, 5.1 to 1 |
| 23 | `#71687c` | `oklch(53.21% 0.0336 304.76)` | Decadence | white, 5.2 to 1 |
| 24 | `#6a677f` | `oklch(52.50% 0.0374 291.62)` | Unexplained | white, 5.4 to 1 |
| 25 | `#656682` | `oklch(52.09% 0.0433 282.33)` | Daemonette Hide | white, 5.5 to 1 |
| 26 | `#606787` | `oklch(52.00% 0.0521 275.49)` | Champion Blue | white, 5.5 to 1 |
| 27 | `#5c688e` | `oklch(52.17% 0.0628 270.62)` | Allegiance | white, 5.5 to 1 |
| 28 | `#576996` | `oklch(52.51% 0.0746 267.28)` | UCLA Blue | white, 5.4 to 1 |
| 29 | `#536a9e` | `oklch(52.94% 0.0864 265.03)` | San Marino | white, 5.3 to 1 |
| 30 | `#4f6ca5` | `oklch(53.37% 0.0973 263.43)` | San Marino | white, 5.2 to 1 |
| 31 | `#4b6dac` | `oklch(53.73% 0.1065 262.06)` | New Age Blue | white, 5.1 to 1 |
| 32 | `#476eb0` | `oklch(53.94% 0.1130 260.47)` | New Age Blue | white, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ddd7b2 0.0%, #dbd3ae 3.2%, #d9cfa8 6.5%, #d7caa1 9.7%, #d4c49a 12.9%, #d2be92 16.1%, #ceb78c 19.4%, #cbb186 22.6%, #c7ab82 25.8%, #c1a57f 29.0%, #bb9f7c 32.3%, #b39a7a 35.5%, #ac9478 38.7%, #a48e76 41.9%, #9e8975 45.2%, #998373 48.4%, #957e72 51.6%, #917872 54.8%, #8c7374 58.1%, #866f76 61.3%, #7f6c78 64.5%, #78697a 67.7%, #71687c 71.0%, #6a677f 74.2%, #656682 77.4%, #606787 80.6%, #5c688e 83.9%, #576996 87.1%, #536a9e 90.3%, #4f6ca5 93.5%, #4b6dac 96.8%, #476eb0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.0496 99.14) 0.0%, oklch(86.51% 0.0512 97.47) 3.2%, oklch(85.33% 0.0536 95.27) 6.5%, oklch(83.94% 0.0565 92.64) 9.7%, oklch(82.38% 0.0594 89.71) 12.9%, oklch(80.70% 0.0621 86.60) 16.1%, oklch(78.97% 0.0641 83.41) 19.4%, oklch(77.25% 0.0650 80.27) 22.6%, oklch(75.57% 0.0645 77.32) 25.8%, oklch(73.80% 0.0621 75.36) 29.0%, oklch(71.93% 0.0583 74.18) 32.3%, oklch(69.99% 0.0535 73.16) 35.5%, oklch(68.05% 0.0483 71.67) 38.7%, oklch(66.13% 0.0433 69.08) 41.9%, oklch(64.30% 0.0388 64.77) 45.2%, oklch(62.60% 0.0355 58.11) 48.4%, oklch(61.05% 0.0336 48.30) 51.6%, oklch(59.52% 0.0320 34.43) 54.8%, oklch(58.02% 0.0308 17.52) 58.1%, oklch(56.61% 0.0300 358.83) 61.3%, oklch(55.30% 0.0301 339.62) 64.5%, oklch(54.16% 0.0312 321.18) 67.7%, oklch(53.21% 0.0336 304.76) 71.0%, oklch(52.50% 0.0374 291.62) 74.2%, oklch(52.09% 0.0433 282.33) 77.4%, oklch(52.00% 0.0521 275.49) 80.6%, oklch(52.17% 0.0628 270.62) 83.9%, oklch(52.51% 0.0746 267.28) 87.1%, oklch(52.94% 0.0864 265.03) 90.3%, oklch(53.37% 0.0973 263.43) 93.5%, oklch(53.73% 0.1065 262.06) 96.8%, oklch(53.94% 0.1130 260.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.05 | 99.1 |
| 2 | 0.76 | 0.065 | 78 |
| 3 | 0.618 | 0.034 | 53.7 |
| 4 | 0.524 | 0.039 | -71 |
| 5 | 0.539 | 0.113 | -99.5 |

## In these collections

- [Sun bleached pool tiles](https://grabient.com/sun-bleached-pool-tiles)

## Other forms

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