# Dusty blue and cream back to school

The Dusty blue and cream back to school brings together dark gray, gray, red, teal, gold, and pale yellow. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is dark gray, and its lightest tone is pale yellow.

- Also called: Muted rainbow from black to beige radial swatches
- Seed: `kYRg6xOYW_cqvzhWlK46i8x_iRwY`
- Page: https://grabient.com/kYRg6xOYW_cqvzhWlK46i8x_iRwY?style=radialSwatches&steps=6&angle=135
- Drawn as: radial swatches, 6 steps, 135 degrees
- Kinds: dark to light, muted, rainbow
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 12.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 | `#212931` | `oklch(27.56% 0.0193 248.91)` | Infinity | white, 14.7 to 1 |
| 2 | `#4f575e` | `oklch(45.28% 0.0152 244.68)` | Submarine Grey | white, 7.3 to 1 |
| 3 | `#ba5773` | `oklch(58.66% 0.1309 4.09)` | Shattan Gold | black, 4.6 to 1 |
| 4 | `#6fa2ae` | `oklch(68.11% 0.0565 214.03)` | Stillwater | black, 7.4 to 1 |
| 5 | `#e2c85d` | `oklch(83.46% 0.1295 95.68)` | Duck Butter | black, 12.6 to 1 |
| 6 | `#f0f1cd` | `oklch(94.88% 0.0482 109.42)` | Menoth White Highlight | black, 18.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #212931 0.000% 16.667%, #4f575e 16.667% 33.333%, #ba5773 33.333% 50.000%, #6fa2ae 50.000% 66.667%, #e2c85d 66.667% 83.333%, #f0f1cd 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(27.56% 0.0193 248.91) 0.000% 16.667%, oklch(45.28% 0.0152 244.68) 16.667% 33.333%, oklch(58.66% 0.1309 4.09) 33.333% 50.000%, oklch(68.11% 0.0565 214.03) 50.000% 66.667%, oklch(83.46% 0.1295 95.68) 66.667% 83.333%, oklch(94.88% 0.0482 109.42) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.276 | 0.019 | 248.9 |
| 2 | 0.453 | 0.015 | 244.7 |
| 3 | 0.587 | 0.131 | 364.1 |
| 4 | 0.681 | 0.056 | 214 |
| 5 | 0.835 | 0.13 | 95.7 |
| 6 | 0.949 | 0.048 | 109.4 |

## In these collections

- [Back to school swatches](https://grabient.com/back-to-school-swatches)

## Other forms

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