# Smoked citrus fragrance layers

Beige, light pink, gray and peach linear gradient with 64 colors: #f7e7c7, #f8e7c8, #fae7c9, #fce8cb, #fee9ce, #ffead3, #ffecd9, #ffedde, #ffeee3, #ffefe5, #ffefe7, #ffeee7, #ffece6, #ffe8e3, #fee3e0, #f8dddd, #f0d7d9, #e6ced3, #d9c2ca, #c9b6bf, #b8a7b3, #a599a5, #928996, #807a87, #6d6b77, #5c5d69, #4c4f5a, #3e434e, #313942, #273139, #1e2b31, #17272c, #122629, #0e2728, #0d2a27, #0e2f26, #143425, #1f3b22, #2d421e, #3e491a, #505014, #645610, #785c12, #8c621a, #9e6726, #ae6d34, #bc7240, #c7784c, #cf7d55, #d6845c, #dc8c62, #e09468, #e39e6d, #e5a773, #e6b179, #e5bb81, #e4c48a, #e3cd94, #e1d59f, #e0dcaa, #e0e2b4, #e0e7bd, #e1ebc5, #e2efcb. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Beige, light pink, gray and peach linear gradient
- Seed: `kW7SE8cwq3aCJLTTKixdpJIw`
- Page: https://grabient.com/kW7SE8cwq3aCJLTTKixdpJIw?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 14 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 | `#f7e7c7` | `oklch(93.31% 0.0455 84.38)` | Flaxseed | black, 17.2 to 1 |
| 2 | `#f8e7c8` | `oklch(93.33% 0.0449 81.98)` | Delightful Pastry | black, 17.2 to 1 |
| 3 | `#fae7c9` | `oklch(93.53% 0.0441 79.34)` | Delightful Pastry | black, 17.3 to 1 |
| 4 | `#fce8cb` | `oklch(93.87% 0.0432 76.44)` | Spanish Lace | black, 17.4 to 1 |
| 5 | `#fee9ce` | `oklch(94.30% 0.0421 73.29)` | Mineral Glow | black, 17.7 to 1 |
| 6 | `#ffead3` | `oklch(94.77% 0.0382 69.87)` | Delightful Peach | black, 17.9 to 1 |
| 7 | `#ffecd9` | `oklch(95.25% 0.0324 66.15)` | Flowerbed | black, 18.2 to 1 |
| 8 | `#ffedde` | `oklch(95.68% 0.0276 62.14)` | Organic Fibre | black, 18.4 to 1 |
| 9 | `#ffeee3` | `oklch(96.02% 0.0240 57.81)` | Soft Coral | black, 18.6 to 1 |
| 10 | `#ffefe5` | `oklch(96.23% 0.0215 53.17)` | Rice Pudding | black, 18.7 to 1 |
| 11 | `#ffefe7` | `oklch(96.25% 0.0204 48.18)` | Strawberry Dust | black, 18.7 to 1 |
| 12 | `#ffeee7` | `oklch(96.04% 0.0208 42.86)` | Peach Breeze | black, 18.6 to 1 |
| 13 | `#ffece6` | `oklch(95.56% 0.0227 37.18)` | Peach Breeze | black, 18.3 to 1 |
| 14 | `#ffe8e3` | `oklch(94.77% 0.0263 31.13)` | Sheer Rosebud | black, 17.8 to 1 |
| 15 | `#fee3e0` | `oklch(93.60% 0.0303 24.70)` | Misty Rose | black, 17.2 to 1 |
| 16 | `#f8dddd` | `oklch(92.03% 0.0295 17.89)` | In Your Dreams | black, 16.4 to 1 |
| 17 | `#f0d7d9` | `oklch(89.99% 0.0288 10.67)` | Light Petite Pink | black, 15.4 to 1 |
| 18 | `#e6ced3` | `oklch(87.18% 0.0279 2.87)` | Delicate Pink | black, 14 to 1 |
| 19 | `#d9c2ca` | `oklch(83.62% 0.0269 354.48)` | Old Mission Pink | black, 12.5 to 1 |
| 20 | `#c9b6bf` | `oklch(79.42% 0.0257 345.56)` | High Society | black, 10.8 to 1 |
| 21 | `#b8a7b3` | `oklch(74.71% 0.0244 336.17)` | Resplendent | black, 9.2 to 1 |
| 22 | `#a599a5` | `oklch(69.63% 0.0231 326.37)` | Native Lilac | black, 7.6 to 1 |
| 23 | `#928996` | `oklch(64.29% 0.0219 316.22)` | Smokey Lilac | black, 6.2 to 1 |
| 24 | `#807a87` | `oklch(58.83% 0.0208 305.78)` | Dark Topaz | black, 5 to 1 |
| 25 | `#6d6b77` | `oklch(53.38% 0.0198 295.11)` | Warpfiend Grey | white, 5.2 to 1 |
| 26 | `#5c5d69` | `oklch(48.06% 0.0191 284.28)` | Blue Linen | white, 6.5 to 1 |
| 27 | `#4c4f5a` | `oklch(43.00% 0.0187 273.34)` | Extinct Volcano | white, 8.1 to 1 |
| 28 | `#3e434e` | `oklch(38.33% 0.0187 262.36)` | Midnight Serenade | white, 9.8 to 1 |
| 29 | `#313942` | `oklch(34.18% 0.0191 251.39)` | Tempest in a Teapot | white, 11.6 to 1 |
| 30 | `#273139` | `oklch(30.68% 0.0200 240.50)` | Chimney Sweep | white, 13.2 to 1 |
| 31 | `#1e2b31` | `oklch(27.95% 0.0214 229.74)` | Cinder | white, 14.5 to 1 |
| 32 | `#17272c` | `oklch(26.12% 0.0235 219.19)` | Black Box | white, 15.3 to 1 |
| 33 | `#122629` | `oklch(25.30% 0.0264 208.73)` | Sunken Ship | white, 15.7 to 1 |
| 34 | `#0e2728` | `oklch(25.34% 0.0304 197.50)` | Sunken Ship | white, 15.6 to 1 |
| 35 | `#0d2a27` | `oklch(26.15% 0.0356 185.53)` | Swamp Thing | white, 15.2 to 1 |
| 36 | `#0e2f26` | `oklch(27.61% 0.0416 173.00)` | Guerrilla Forest | white, 14.5 to 1 |
| 37 | `#143425` | `oklch(29.66% 0.0484 160.12)` | Pumpkin Green Black | white, 13.5 to 1 |
| 38 | `#1f3b22` | `oklch(32.20% 0.0558 147.05)` | Deep Fir | white, 12.3 to 1 |
| 39 | `#2d421e` | `oklch(35.14% 0.0634 134.01)` | Forestry | white, 10.9 to 1 |
| 40 | `#3e491a` | `oklch(38.39% 0.0712 121.17)` | Avocado Dark Green | white, 9.6 to 1 |
| 41 | `#505014` | `oklch(41.85% 0.0790 108.74)` | Scorzonera Brown | white, 8.4 to 1 |
| 42 | `#645610` | `oklch(45.45% 0.0865 96.89)` | Ayahuasca Vine | white, 7.2 to 1 |
| 43 | `#785c12` | `oklch(49.10% 0.0935 85.82)` | Hot Mustard | white, 6.2 to 1 |
| 44 | `#8c621a` | `oklch(52.69% 0.1000 75.73)` | Kumera | white, 5.4 to 1 |
| 45 | `#9e6726` | `oklch(56.15% 0.1056 66.80)` | Stage Gold | white, 4.7 to 1 |
| 46 | `#ae6d34` | `oklch(59.38% 0.1102 59.22)` | Tanooki Suit Brown | black, 5 to 1 |
| 47 | `#bc7240` | `oklch(62.29% 0.1135 53.18)` | Spice Cake | black, 5.6 to 1 |
| 48 | `#c7784c` | `oklch(64.80% 0.1155 48.88)` | Cork Wood | black, 6.1 to 1 |
| 49 | `#cf7d55` | `oklch(66.97% 0.1159 46.54)` | Apricot Brown | black, 6.7 to 1 |
| 50 | `#d6845c` | `oklch(69.13% 0.1149 46.27)` | Show Business | black, 7.3 to 1 |
| 51 | `#dc8c62` | `oklch(71.29% 0.1127 47.81)` | Copper Tan | black, 7.9 to 1 |
| 52 | `#e09468` | `oklch(73.43% 0.1094 50.93)` | Summer’s End | black, 8.6 to 1 |
| 53 | `#e39e6d` | `oklch(75.54% 0.1053 55.38)` | Inventive Orange | black, 9.3 to 1 |
| 54 | `#e5a773` | `oklch(77.61% 0.1004 60.93)` | Sweet Curry | black, 10.1 to 1 |
| 55 | `#e6b179` | `oklch(79.63% 0.0949 67.33)` | Squash Bisque | black, 10.9 to 1 |
| 56 | `#e5bb81` | `oklch(81.58% 0.0891 74.33)` | Corvette | black, 11.7 to 1 |
| 57 | `#e4c48a` | `oklch(83.45% 0.0831 81.70)` | Moonlight Yellow | black, 12.5 to 1 |
| 58 | `#e3cd94` | `oklch(85.23% 0.0770 89.19)` | Honeycomb Glow | black, 13.3 to 1 |
| 59 | `#e1d59f` | `oklch(86.91% 0.0711 96.57)` | Twinkle Toes | black, 14.1 to 1 |
| 60 | `#e0dcaa` | `oklch(88.47% 0.0655 103.57)` | Virgin Olive Oil | black, 14.9 to 1 |
| 61 | `#e0e2b4` | `oklch(89.90% 0.0604 109.98)` | Schabziger Green | black, 15.6 to 1 |
| 62 | `#e0e7bd` | `oklch(91.19% 0.0559 115.53)` | Kiwi Sorbet | black, 16.3 to 1 |
| 63 | `#e1ebc5` | `oklch(92.33% 0.0523 119.99)` | Green Eggs | black, 16.9 to 1 |
| 64 | `#e2efcb` | `oklch(93.31% 0.0496 123.12)` | Water Sprout | black, 17.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f7e7c7 0.0%, #f8e7c8 1.6%, #fae7c9 3.2%, #fce8cb 4.8%, #fee9ce 6.3%, #ffead3 7.9%, #ffecd9 9.5%, #ffedde 11.1%, #ffeee3 12.7%, #ffefe5 14.3%, #ffefe7 15.9%, #ffeee7 17.5%, #ffece6 19.0%, #ffe8e3 20.6%, #fee3e0 22.2%, #f8dddd 23.8%, #f0d7d9 25.4%, #e6ced3 27.0%, #d9c2ca 28.6%, #c9b6bf 30.2%, #b8a7b3 31.7%, #a599a5 33.3%, #928996 34.9%, #807a87 36.5%, #6d6b77 38.1%, #5c5d69 39.7%, #4c4f5a 41.3%, #3e434e 42.9%, #313942 44.4%, #273139 46.0%, #1e2b31 47.6%, #17272c 49.2%, #122629 50.8%, #0e2728 52.4%, #0d2a27 54.0%, #0e2f26 55.6%, #143425 57.1%, #1f3b22 58.7%, #2d421e 60.3%, #3e491a 61.9%, #505014 63.5%, #645610 65.1%, #785c12 66.7%, #8c621a 68.3%, #9e6726 69.8%, #ae6d34 71.4%, #bc7240 73.0%, #c7784c 74.6%, #cf7d55 76.2%, #d6845c 77.8%, #dc8c62 79.4%, #e09468 81.0%, #e39e6d 82.5%, #e5a773 84.1%, #e6b179 85.7%, #e5bb81 87.3%, #e4c48a 88.9%, #e3cd94 90.5%, #e1d59f 92.1%, #e0dcaa 93.7%, #e0e2b4 95.2%, #e0e7bd 96.8%, #e1ebc5 98.4%, #e2efcb 100.0%);
background: linear-gradient(135deg in oklch, oklch(93.31% 0.0455 84.38) 0.0%, oklch(93.33% 0.0449 81.98) 1.6%, oklch(93.53% 0.0441 79.34) 3.2%, oklch(93.87% 0.0432 76.44) 4.8%, oklch(94.30% 0.0421 73.29) 6.3%, oklch(94.77% 0.0382 69.87) 7.9%, oklch(95.25% 0.0324 66.15) 9.5%, oklch(95.68% 0.0276 62.14) 11.1%, oklch(96.02% 0.0240 57.81) 12.7%, oklch(96.23% 0.0215 53.17) 14.3%, oklch(96.25% 0.0204 48.18) 15.9%, oklch(96.04% 0.0208 42.86) 17.5%, oklch(95.56% 0.0227 37.18) 19.0%, oklch(94.77% 0.0263 31.13) 20.6%, oklch(93.60% 0.0303 24.70) 22.2%, oklch(92.03% 0.0295 17.89) 23.8%, oklch(89.99% 0.0288 10.67) 25.4%, oklch(87.18% 0.0279 2.87) 27.0%, oklch(83.62% 0.0269 354.48) 28.6%, oklch(79.42% 0.0257 345.56) 30.2%, oklch(74.71% 0.0244 336.17) 31.7%, oklch(69.63% 0.0231 326.37) 33.3%, oklch(64.29% 0.0219 316.22) 34.9%, oklch(58.83% 0.0208 305.78) 36.5%, oklch(53.38% 0.0198 295.11) 38.1%, oklch(48.06% 0.0191 284.28) 39.7%, oklch(43.00% 0.0187 273.34) 41.3%, oklch(38.33% 0.0187 262.36) 42.9%, oklch(34.18% 0.0191 251.39) 44.4%, oklch(30.68% 0.0200 240.50) 46.0%, oklch(27.95% 0.0214 229.74) 47.6%, oklch(26.12% 0.0235 219.19) 49.2%, oklch(25.30% 0.0264 208.73) 50.8%, oklch(25.34% 0.0304 197.50) 52.4%, oklch(26.15% 0.0356 185.53) 54.0%, oklch(27.61% 0.0416 173.00) 55.6%, oklch(29.66% 0.0484 160.12) 57.1%, oklch(32.20% 0.0558 147.05) 58.7%, oklch(35.14% 0.0634 134.01) 60.3%, oklch(38.39% 0.0712 121.17) 61.9%, oklch(41.85% 0.0790 108.74) 63.5%, oklch(45.45% 0.0865 96.89) 65.1%, oklch(49.10% 0.0935 85.82) 66.7%, oklch(52.69% 0.1000 75.73) 68.3%, oklch(56.15% 0.1056 66.80) 69.8%, oklch(59.38% 0.1102 59.22) 71.4%, oklch(62.29% 0.1135 53.18) 73.0%, oklch(64.80% 0.1155 48.88) 74.6%, oklch(66.97% 0.1159 46.54) 76.2%, oklch(69.13% 0.1149 46.27) 77.8%, oklch(71.29% 0.1127 47.81) 79.4%, oklch(73.43% 0.1094 50.93) 81.0%, oklch(75.54% 0.1053 55.38) 82.5%, oklch(77.61% 0.1004 60.93) 84.1%, oklch(79.63% 0.0949 67.33) 85.7%, oklch(81.58% 0.0891 74.33) 87.3%, oklch(83.45% 0.0831 81.70) 88.9%, oklch(85.23% 0.0770 89.19) 90.5%, oklch(86.91% 0.0711 96.57) 92.1%, oklch(88.47% 0.0655 103.57) 93.7%, oklch(89.90% 0.0604 109.98) 95.2%, oklch(91.19% 0.0559 115.53) 96.8%, oklch(92.33% 0.0523 119.99) 98.4%, oklch(93.31% 0.0496 123.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.045 | 84.4 |
| 2 | 0.906 | 0.029 | 12.5 |
| 3 | 0.256 | 0.025 | -146 |
| 4 | 0.654 | 0.116 | -311.9 |
| 5 | 0.933 | 0.05 | -236.9 |

## In these collections

- [Scent stacking palettes](https://grabient.com/scent-stacking-palettes)

## Other forms

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