# Powder blue and ochre back to school

The Powder blue and ochre back to school brings together pale blue, blue, green, and gold. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits stationery systems and print layouts. Its darkest tone is green, and its lightest tone is pale blue.

- Also called: Light blue, blue, green and tan linear swatches
- Seed: `kU7BKuV6S_8cktLlpLmA`
- Page: https://grabient.com/kU7BKuV6S_8cktLlpLmA?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: dark center, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.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 | `#daeaf7` | `oklch(92.91% 0.0248 244.69)` | Celestial Cathedral | black, 17 to 1 |
| 2 | `#62a2d5` | `oklch(68.90% 0.1006 244.69)` | Blue Gourami | black, 7.6 to 1 |
| 3 | `#458553` | `oklch(55.91% 0.1006 149.58)` | Kilkenny | black, 4.7 to 1 |
| 4 | `#d1bd70` | `oklch(79.92% 0.1006 95.69)` | Green Citrine | black, 11.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #daeaf7 0.000% 25.000%, #62a2d5 25.000% 50.000%, #458553 50.000% 75.000%, #d1bd70 75.000% 100.000%);
background: linear-gradient(90deg, oklch(92.91% 0.0248 244.69) 0.000% 25.000%, oklch(68.90% 0.1006 244.69) 25.000% 50.000%, oklch(55.91% 0.1006 149.58) 50.000% 75.000%, oklch(79.92% 0.1006 95.69) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.025 | 244.7 |
| 2 | 0.689 | 0.101 | 244.7 |
| 3 | 0.559 | 0.101 | 149.6 |
| 4 | 0.799 | 0.101 | 95.7 |

## In these collections

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

## Other forms

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