# Creamsicle Denim Memory

Pale cream warms into orange and rose, then cools through violet-blue to deep denim. The smooth side-to-side fade combines candy brightness with a slightly softened vintage finish. Use it for retro children’s apparel graphics or nostalgic album artwork that needs a friendly warm entrance, colorful middle, and grounded blue edge.

- Also called: Beige, orange, purple and navy linear gradient
- Seed: `kU7R8_zzg5sEYq2tnMRg`
- Page: https://grabient.com/kU7R8_zzg5sEYq2tnMRg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, multicolor
- Hues: two-hue
- 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 | `#f4e8c9` | `oklch(93.31% 0.0427 89.30)` | Rice Wine | black, 17.2 to 1 |
| 2 | `#f1e1be` | `oklch(91.44% 0.0500 86.78)` | Vanilla Custard | black, 16.2 to 1 |
| 3 | `#edd8ae` | `oklch(88.94% 0.0603 84.22)` | Hollywood Golden Age | black, 15 to 1 |
| 4 | `#e9cd9a` | `oklch(85.95% 0.0729 81.42)` | Chamois | black, 13.6 to 1 |
| 5 | `#e5c085` | `oklch(82.61% 0.0869 78.22)` | Cassava Cake | black, 12.1 to 1 |
| 6 | `#e1b16e` | `oklch(79.05% 0.1015 74.41)` | Demerara Sugar | black, 10.7 to 1 |
| 7 | `#dea258` | `oklch(75.42% 0.1159 69.83)` | Pan de Coco | black, 9.3 to 1 |
| 8 | `#dc9143` | `oklch(71.85% 0.1291 64.28)` | Suede Vest | black, 8.1 to 1 |
| 9 | `#d98134` | `oklch(68.48% 0.1404 57.59)` | Mexican Spirit | black, 7.1 to 1 |
| 10 | `#d77130` | `oklch(65.46% 0.1488 49.56)` | Tango | black, 6.2 to 1 |
| 11 | `#d46339` | `oklch(62.92% 0.1537 40.01)` | Vermilion Waxcap | black, 5.6 to 1 |
| 12 | `#cf584b` | `oklch(60.94% 0.1541 28.27)` | Wet Coral | black, 5.1 to 1 |
| 13 | `#c75164` | `oklch(59.33% 0.1505 13.03)` | Eros Pink | black, 4.7 to 1 |
| 14 | `#b9517f` | `oklch(58.04% 0.1436 355.07)` | Speedwell | white, 4.6 to 1 |
| 15 | `#a65596` | `oklch(56.99% 0.1342 335.28)` | Brilliant Carmine | white, 4.7 to 1 |
| 16 | `#8f5da6` | `oklch(56.11% 0.1231 314.55)` | Empire Violet | white, 4.9 to 1 |
| 17 | `#7664ad` | `oklch(55.33% 0.1112 293.80)` | Genestealer Purple | white, 4.9 to 1 |
| 18 | `#5e6baa` | `oklch(54.60% 0.0992 273.93)` | Twinkle Night | white, 5 to 1 |
| 19 | `#4b70a1` | `oklch(53.84% 0.0879 255.84)` | Great Serpent | white, 5 to 1 |
| 20 | `#3e7295` | `oklch(52.99% 0.0781 240.43)` | Phenomenon | white, 5.2 to 1 |
| 21 | `#387189` | `oklch(51.98% 0.0707 228.60)` | Calypso | white, 5.4 to 1 |
| 22 | `#356e80` | `oklch(50.74% 0.0664 221.21)` | Tlāloc Blue | white, 5.6 to 1 |
| 23 | `#316a7a` | `oklch(49.30% 0.0642 217.99)` | Ocean’s Embrace | white, 6 to 1 |
| 24 | `#2d6575` | `oklch(47.70% 0.0636 218.19)` | Loon Turquoise | white, 6.4 to 1 |
| 25 | `#286071` | `oklch(46.01% 0.0642 221.12)` | Holiday Velvet | white, 6.9 to 1 |
| 26 | `#245b6f` | `oklch(44.26% 0.0658 226.11)` | Blue Coral | white, 7.5 to 1 |
| 27 | `#21556d` | `oklch(42.53% 0.0680 232.47)` | Newport Grey | white, 8.1 to 1 |
| 28 | `#204f6c` | `oklch(40.85% 0.0706 239.53)` | Kinetic Blue | white, 8.7 to 1 |
| 29 | `#21496b` | `oklch(39.29% 0.0732 246.61)` | Grape Blue | white, 9.4 to 1 |
| 30 | `#224469` | `oklch(37.90% 0.0756 253.03)` | Lucidity | white, 10 to 1 |
| 31 | `#243f67` | `oklch(36.72% 0.0775 258.12)` | Elmer’s Echo | white, 10.5 to 1 |
| 32 | `#243c66` | `oklch(35.83% 0.0785 261.20)` | Blue Depths | white, 11 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f4e8c9 0.0%, #f1e1be 3.2%, #edd8ae 6.5%, #e9cd9a 9.7%, #e5c085 12.9%, #e1b16e 16.1%, #dea258 19.4%, #dc9143 22.6%, #d98134 25.8%, #d77130 29.0%, #d46339 32.3%, #cf584b 35.5%, #c75164 38.7%, #b9517f 41.9%, #a65596 45.2%, #8f5da6 48.4%, #7664ad 51.6%, #5e6baa 54.8%, #4b70a1 58.1%, #3e7295 61.3%, #387189 64.5%, #356e80 67.7%, #316a7a 71.0%, #2d6575 74.2%, #286071 77.4%, #245b6f 80.6%, #21556d 83.9%, #204f6c 87.1%, #21496b 90.3%, #224469 93.5%, #243f67 96.8%, #243c66 100.0%);
background: linear-gradient(90deg in oklch, oklch(93.31% 0.0427 89.30) 0.0%, oklch(91.44% 0.0500 86.78) 3.2%, oklch(88.94% 0.0603 84.22) 6.5%, oklch(85.95% 0.0729 81.42) 9.7%, oklch(82.61% 0.0869 78.22) 12.9%, oklch(79.05% 0.1015 74.41) 16.1%, oklch(75.42% 0.1159 69.83) 19.4%, oklch(71.85% 0.1291 64.28) 22.6%, oklch(68.48% 0.1404 57.59) 25.8%, oklch(65.46% 0.1488 49.56) 29.0%, oklch(62.92% 0.1537 40.01) 32.3%, oklch(60.94% 0.1541 28.27) 35.5%, oklch(59.33% 0.1505 13.03) 38.7%, oklch(58.04% 0.1436 355.07) 41.9%, oklch(56.99% 0.1342 335.28) 45.2%, oklch(56.11% 0.1231 314.55) 48.4%, oklch(55.33% 0.1112 293.80) 51.6%, oklch(54.60% 0.0992 273.93) 54.8%, oklch(53.84% 0.0879 255.84) 58.1%, oklch(52.99% 0.0781 240.43) 61.3%, oklch(51.98% 0.0707 228.60) 64.5%, oklch(50.74% 0.0664 221.21) 67.7%, oklch(49.30% 0.0642 217.99) 71.0%, oklch(47.70% 0.0636 218.19) 74.2%, oklch(46.01% 0.0642 221.12) 77.4%, oklch(44.26% 0.0658 226.11) 80.6%, oklch(42.53% 0.0680 232.47) 83.9%, oklch(40.85% 0.0706 239.53) 87.1%, oklch(39.29% 0.0732 246.61) 90.3%, oklch(37.90% 0.0756 253.03) 93.5%, oklch(36.72% 0.0775 258.12) 96.8%, oklch(35.83% 0.0785 261.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.043 | 89.3 |
| 2 | 0.622 | 0.154 | 36.5 |
| 3 | 0.512 | 0.068 | -136.8 |
| 4 | 0.358 | 0.079 | -98.8 |

## In these collections

- [Throwback kid](https://grabient.com/throwback-kid)

## Other forms

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