# Golden Sand, Blue Reflections

The "Butter Yellow and Blue: Gold and stone" palette brings together light yellow, blue, pale orange, and orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is pale orange.

- Also called: Tan, blue, gray and brown linear gradient
- Seed: `kU4VZDVhVQPUNry5lbvA`
- Page: https://grabient.com/kU4VZDVhVQPUNry5lbvA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 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 | `#f3d87a` | `oklch(88.58% 0.1185 94.22)` | Sandy | black, 14.9 to 1 |
| 2 | `#e2d97c` | `oklch(87.20% 0.1149 103.27)` | Lustrous Yellow | black, 14.4 to 1 |
| 3 | `#cad883` | `oklch(85.17% 0.1100 116.38)` | Goody Gumdrop | black, 13.6 to 1 |
| 4 | `#add58e` | `oklch(82.70% 0.1041 132.40)` | Fresh Lettuce | black, 12.6 to 1 |
| 5 | `#8fd09d` | `oklch(79.94% 0.0976 150.22)` | Fennel | black, 11.6 to 1 |
| 6 | `#77c7aa` | `oklch(77.10% 0.0907 168.69)` | Green Balloon | black, 10.5 to 1 |
| 7 | `#69bdb4` | `oklch(74.33% 0.0836 186.69)` | Pool Blue | black, 9.5 to 1 |
| 8 | `#66b2b9` | `oklch(71.83% 0.0766 203.09)` | Aqueduct | black, 8.6 to 1 |
| 9 | `#69a9ba` | `oklch(69.78% 0.0701 216.74)` | Milky Blue | black, 7.9 to 1 |
| 10 | `#6ea2b8` | `oklch(68.34% 0.0642 226.53)` | Pacific Palisade | black, 7.5 to 1 |
| 11 | `#729fb6` | `oklch(67.72% 0.0593 231.31)` | Adventure Isle | black, 7.3 to 1 |
| 12 | `#75a0b5` | `oklch(68.15% 0.0553 230.13)` | Grey Blue | black, 7.4 to 1 |
| 13 | `#7ba6b6` | `oklch(69.86% 0.0518 223.42)` | Inner Sanctum | black, 7.9 to 1 |
| 14 | `#83afb8` | `oklch(72.56% 0.0486 212.23)` | Sebastian Inlet | black, 8.7 to 1 |
| 15 | `#8fbabb` | `oklch(75.93% 0.0459 197.62)` | Watchet | black, 9.9 to 1 |
| 16 | `#9fc6be` | `oklch(79.65% 0.0434 180.62)` | New-Age Green | black, 11.3 to 1 |
| 17 | `#b2d2c1` | `oklch(83.41% 0.0414 162.30)` | Pitcher | black, 12.8 to 1 |
| 18 | `#c5dbc4` | `oklch(86.89% 0.0398 143.69)` | Mint Intermezzo | black, 14.3 to 1 |
| 19 | `#d7e2c7` | `oklch(89.77% 0.0385 125.85)` | Lacewing | black, 15.6 to 1 |
| 20 | `#e5e6ca` | `oklch(91.74% 0.0377 109.82)` | Dirty White | black, 16.5 to 1 |
| 21 | `#ede7cb` | `oklch(92.47% 0.0373 96.66)` | Banana Milkshake | black, 16.8 to 1 |
| 22 | `#eee3c8` | `oklch(91.67% 0.0373 87.24)` | Cream Silk | black, 16.4 to 1 |
| 23 | `#e9d9c0` | `oklch(89.23% 0.0381 80.02)` | Eaglet Beige | black, 15.1 to 1 |
| 24 | `#dfccb3` | `oklch(85.44% 0.0397 74.21)` | Pretty Pastry | black, 13.4 to 1 |
| 25 | `#d2bca3` | `oklch(80.64% 0.0419 69.61)` | Classic Taupe | black, 11.4 to 1 |
| 26 | `#c2a991` | `oklch(75.12% 0.0446 66.04)` | Camel Hide | black, 9.4 to 1 |
| 27 | `#b2967e` | `oklch(69.23% 0.0474 63.30)` | Cobbler Shop | black, 7.5 to 1 |
| 28 | `#a1836b` | `oklch(63.28% 0.0504 61.18)` | Toscana | black, 5.9 to 1 |
| 29 | `#917259` | `oklch(57.58% 0.0532 59.50)` | Arrow Creek | black, 4.7 to 1 |
| 30 | `#83624a` | `oklch(52.47% 0.0557 58.06)` | Burnt Terra | white, 5.4 to 1 |
| 31 | `#78563e` | `oklch(48.26% 0.0578 56.67)` | Leather & Lace | white, 6.5 to 1 |
| 32 | `#704d35` | `oklch(45.28% 0.0593 55.12)` | Coffee | white, 7.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f3d87a 0.0%, #e2d97c 3.2%, #cad883 6.5%, #add58e 9.7%, #8fd09d 12.9%, #77c7aa 16.1%, #69bdb4 19.4%, #66b2b9 22.6%, #69a9ba 25.8%, #6ea2b8 29.0%, #729fb6 32.3%, #75a0b5 35.5%, #7ba6b6 38.7%, #83afb8 41.9%, #8fbabb 45.2%, #9fc6be 48.4%, #b2d2c1 51.6%, #c5dbc4 54.8%, #d7e2c7 58.1%, #e5e6ca 61.3%, #ede7cb 64.5%, #eee3c8 67.7%, #e9d9c0 71.0%, #dfccb3 74.2%, #d2bca3 77.4%, #c2a991 80.6%, #b2967e 83.9%, #a1836b 87.1%, #917259 90.3%, #83624a 93.5%, #78563e 96.8%, #704d35 100.0%);
background: linear-gradient(135deg in oklch, oklch(88.58% 0.1185 94.22) 0.0%, oklch(87.20% 0.1149 103.27) 3.2%, oklch(85.17% 0.1100 116.38) 6.5%, oklch(82.70% 0.1041 132.40) 9.7%, oklch(79.94% 0.0976 150.22) 12.9%, oklch(77.10% 0.0907 168.69) 16.1%, oklch(74.33% 0.0836 186.69) 19.4%, oklch(71.83% 0.0766 203.09) 22.6%, oklch(69.78% 0.0701 216.74) 25.8%, oklch(68.34% 0.0642 226.53) 29.0%, oklch(67.72% 0.0593 231.31) 32.3%, oklch(68.15% 0.0553 230.13) 35.5%, oklch(69.86% 0.0518 223.42) 38.7%, oklch(72.56% 0.0486 212.23) 41.9%, oklch(75.93% 0.0459 197.62) 45.2%, oklch(79.65% 0.0434 180.62) 48.4%, oklch(83.41% 0.0414 162.30) 51.6%, oklch(86.89% 0.0398 143.69) 54.8%, oklch(89.77% 0.0385 125.85) 58.1%, oklch(91.74% 0.0377 109.82) 61.3%, oklch(92.47% 0.0373 96.66) 64.5%, oklch(91.67% 0.0373 87.24) 67.7%, oklch(89.23% 0.0381 80.02) 71.0%, oklch(85.44% 0.0397 74.21) 74.2%, oklch(80.64% 0.0419 69.61) 77.4%, oklch(75.12% 0.0446 66.04) 80.6%, oklch(69.23% 0.0474 63.30) 83.9%, oklch(63.28% 0.0504 61.18) 87.1%, oklch(57.58% 0.0532 59.50) 90.3%, oklch(52.47% 0.0557 58.06) 93.5%, oklch(48.26% 0.0578 56.67) 96.8%, oklch(45.28% 0.0593 55.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.886 | 0.119 | 94.2 |
| 2 | 0.677 | 0.058 | 231.6 |
| 3 | 0.921 | 0.037 | 90 |
| 4 | 0.453 | 0.059 | 55.1 |

## In these collections

- [Butter yellow and blue](https://grabient.com/butter-yellow-and-blue)

## Other forms

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