# Cobalt blue and terracotta locker sticker collage

The Cobalt blue and terracotta locker sticker collage brings together blue, light green, gold, and orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Tritone blue, light green and orange linear swatches
- Seed: `kWbme3VSe8mkduJpJbg1zM7A`
- Page: https://grabient.com/kWbme3VSe8mkduJpJbg1zM7A?style=linearSwatches&steps=6&angle=135
- Drawn as: linear swatches, 6 steps, 135 degrees
- Kinds: light center, pastel, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.2 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 | `#104e9c` | `oklch(43.31% 0.1419 257.34)` | Freshwater Lake | white, 8.1 to 1 |
| 2 | `#3390c4` | `oklch(62.33% 0.1156 237.14)` | Porpita Porpita | black, 5.9 to 1 |
| 3 | `#6dc9c7` | `oklch(77.89% 0.0885 193.25)` | Petrichor | black, 10.8 to 1 |
| 4 | `#b0daa5` | `oklch(84.49% 0.0858 139.32)` | Fizz | black, 13.4 to 1 |
| 5 | `#dabd67` | `oklch(80.52% 0.1104 90.49)` | Termite Beige | black, 11.4 to 1 |
| 6 | `#d88230` | `oklch(68.50% 0.1406 59.73)` | Sunlounge | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #104e9c 0.000% 16.667%, #3390c4 16.667% 33.333%, #6dc9c7 33.333% 50.000%, #b0daa5 50.000% 66.667%, #dabd67 66.667% 83.333%, #d88230 83.333% 100.000%);
background: linear-gradient(135deg, oklch(43.31% 0.1419 257.34) 0.000% 16.667%, oklch(62.33% 0.1156 237.14) 16.667% 33.333%, oklch(77.89% 0.0885 193.25) 33.333% 50.000%, oklch(84.49% 0.0858 139.32) 50.000% 66.667%, oklch(80.52% 0.1104 90.49) 66.667% 83.333%, oklch(68.50% 0.1406 59.73) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.433 | 0.142 | 257.3 |
| 2 | 0.669 | 0.109 | 228.8 |
| 3 | 0.827 | 0.081 | 166.5 |
| 4 | 0.827 | 0.103 | 100.9 |
| 5 | 0.685 | 0.141 | 59.7 |

## In these collections

- [Locker sticker collage](https://grabient.com/locker-sticker-collage)

## Other forms

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