# Rose and cream color palette

The Rose and cream color palette brings together red, light red, and pale yellow. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is pale yellow.

- Also called: Duotone pink to beige linear gradient
- Seed: `kWrpsF2sNAuKwwHvl0G_g_Iw`
- Page: https://grabient.com/kWrpsF2sNAuKwwHvl0G_g_Iw?steps=26&angle=45
- Drawn as: linear gradient, 26 steps, 45 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3 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 | `#ff4f81` | `oklch(68.50% 0.2132 7.73)` | Warm Pink | black, 6.6 to 1 |
| 2 | `#ff5281` | `oklch(68.75% 0.2102 8.41)` | Warm Pink | black, 6.7 to 1 |
| 3 | `#ff5580` | `oklch(69.06% 0.2064 9.37)` | Warm Pink | black, 6.8 to 1 |
| 4 | `#ff597f` | `oklch(69.43% 0.2020 10.49)` | Watermelon Candy | black, 6.9 to 1 |
| 5 | `#ff5d7e` | `oklch(69.89% 0.1969 11.68)` | Brink Pink | black, 7.1 to 1 |
| 6 | `#ff627e` | `oklch(70.44% 0.1913 12.84)` | Brink Pink | black, 7.2 to 1 |
| 7 | `#ff677e` | `oklch(71.08% 0.1851 13.85)` | Kisses and Hugs | black, 7.5 to 1 |
| 8 | `#ff6d80` | `oklch(71.82% 0.1783 14.61)` | Wild Watermelon | black, 7.7 to 1 |
| 9 | `#ff7383` | `oklch(72.65% 0.1712 15.11)` | Salmon Rose | black, 8 to 1 |
| 10 | `#ff7987` | `oklch(73.57% 0.1636 15.51)` | Heatstroke | black, 8.3 to 1 |
| 11 | `#ff7f8b` | `oklch(74.58% 0.1554 15.95)` | Camaron Pink | black, 8.6 to 1 |
| 12 | `#ff868f` | `oklch(75.70% 0.1466 16.60)` | Tulip | black, 9 to 1 |
| 13 | `#ff8e93` | `oklch(76.91% 0.1371 17.61)` | Cherished One | black, 9.5 to 1 |
| 14 | `#ff9598` | `oklch(78.24% 0.1271 18.95)` | Mad Pinker | black, 10 to 1 |
| 15 | `#ff9e9e` | `oklch(79.72% 0.1165 19.80)` | Rubber Radish | black, 10.6 to 1 |
| 16 | `#fea7a5` | `oklch(81.31% 0.1046 20.57)` | Upstream Salmon | black, 11.2 to 1 |
| 17 | `#feb0ad` | `oklch(83.00% 0.0919 21.86)` | Cornflower Lilac | black, 11.9 to 1 |
| 18 | `#fdb9b3` | `oklch(84.73% 0.0800 24.28)` | Mexican Milk | black, 12.7 to 1 |
| 19 | `#fdc2b9` | `oklch(86.49% 0.0696 28.46)` | Impatiens Pink | black, 13.6 to 1 |
| 20 | `#fecbbd` | `oklch(88.24% 0.0616 35.04)` | Piggy Bank | black, 14.4 to 1 |
| 21 | `#ffd4c1` | `oklch(90.18% 0.0550 45.45)` | Simply Delicious | black, 15.4 to 1 |
| 22 | `#ffdfc6` | `oklch(92.29% 0.0483 58.79)` | Peak Season | black, 16.5 to 1 |
| 23 | `#ffe9cd` | `oklch(94.40% 0.0440 73.39)` | Blanched Almond | black, 17.7 to 1 |
| 24 | `#fff2d4` | `oklch(96.36% 0.0420 87.59)` | Hazelwood | black, 18.9 to 1 |
| 25 | `#fffad9` | `oklch(98.02% 0.0429 99.72)` | Warm Light | black, 19.9 to 1 |
| 26 | `#feffe2` | `oklch(99.21% 0.0371 108.11)` | Skimmed Milk White | black, 20.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #ff4f81 0.0%, #ff5281 4.0%, #ff5580 8.0%, #ff597f 12.0%, #ff5d7e 16.0%, #ff627e 20.0%, #ff677e 24.0%, #ff6d80 28.0%, #ff7383 32.0%, #ff7987 36.0%, #ff7f8b 40.0%, #ff868f 44.0%, #ff8e93 48.0%, #ff9598 52.0%, #ff9e9e 56.0%, #fea7a5 60.0%, #feb0ad 64.0%, #fdb9b3 68.0%, #fdc2b9 72.0%, #fecbbd 76.0%, #ffd4c1 80.0%, #ffdfc6 84.0%, #ffe9cd 88.0%, #fff2d4 92.0%, #fffad9 96.0%, #feffe2 100.0%);
background: linear-gradient(45deg in oklch, oklch(68.50% 0.2132 7.73) 0.0%, oklch(68.75% 0.2102 8.41) 4.0%, oklch(69.06% 0.2064 9.37) 8.0%, oklch(69.43% 0.2020 10.49) 12.0%, oklch(69.89% 0.1969 11.68) 16.0%, oklch(70.44% 0.1913 12.84) 20.0%, oklch(71.08% 0.1851 13.85) 24.0%, oklch(71.82% 0.1783 14.61) 28.0%, oklch(72.65% 0.1712 15.11) 32.0%, oklch(73.57% 0.1636 15.51) 36.0%, oklch(74.58% 0.1554 15.95) 40.0%, oklch(75.70% 0.1466 16.60) 44.0%, oklch(76.91% 0.1371 17.61) 48.0%, oklch(78.24% 0.1271 18.95) 52.0%, oklch(79.72% 0.1165 19.80) 56.0%, oklch(81.31% 0.1046 20.57) 60.0%, oklch(83.00% 0.0919 21.86) 64.0%, oklch(84.73% 0.0800 24.28) 68.0%, oklch(86.49% 0.0696 28.46) 72.0%, oklch(88.24% 0.0616 35.04) 76.0%, oklch(90.18% 0.0550 45.45) 80.0%, oklch(92.29% 0.0483 58.79) 84.0%, oklch(94.40% 0.0440 73.39) 88.0%, oklch(96.36% 0.0420 87.59) 92.0%, oklch(98.02% 0.0429 99.72) 96.0%, oklch(99.21% 0.0371 108.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.685 | 0.214 | 7.7 |
| 2 | 0.713 | 0.185 | 14.1 |
| 3 | 0.776 | 0.134 | 18.3 |
| 4 | 0.878 | 0.063 | 33.1 |
| 5 | 0.992 | 0.043 | 108.1 |

## In these collections

- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)
- [Light mode color palette](https://grabient.com/light-mode-color-palette)

## Other forms

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