# Navy, sage and bronze composition notebook doodles

The Navy, sage and bronze composition notebook doodles brings together blue, green, yellow, and orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is blue, and its lightest tone is yellow.

- Also called: Blue, gray and brown linear swatches
- Seed: `kYYEq3R54-FsSNzgozg1y88UQyPM`
- Page: https://grabient.com/kYYEq3R54-FsSNzgozg1y88UQyPM?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.7 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 | `#1a4177` | `oklch(37.80% 0.1020 257.34)` | Assault | white, 10.1 to 1 |
| 2 | `#467ba2` | `oklch(56.30% 0.0827 241.49)` | Zenith | black, 4.6 to 1 |
| 3 | `#86ae9d` | `oklch(71.65% 0.0496 167.52)` | Corsican | black, 8.5 to 1 |
| 4 | `#bdb469` | `oklch(75.98% 0.0965 102.00)` | Golden Green | black, 9.8 to 1 |
| 5 | `#cb8b2f` | `oklch(68.50% 0.1295 71.36)` | Gentleman’s Whiskey | black, 7.2 to 1 |
| 6 | `#ac4e1b` | `oklch(53.54% 0.1378 44.94)` | Funky Monkey | white, 5.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #1a4177 0.000% 16.667%, #467ba2 16.667% 33.333%, #86ae9d 33.333% 50.000%, #bdb469 50.000% 66.667%, #cb8b2f 66.667% 83.333%, #ac4e1b 83.333% 100.000%);
background: linear-gradient(180deg, oklch(37.80% 0.1020 257.34) 0.000% 16.667%, oklch(56.30% 0.0827 241.49) 16.667% 33.333%, oklch(71.65% 0.0496 167.52) 33.333% 50.000%, oklch(75.98% 0.0965 102.00) 50.000% 66.667%, oklch(68.50% 0.1295 71.36) 66.667% 83.333%, oklch(53.54% 0.1378 44.94) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.102 | 257.3 |
| 2 | 0.563 | 0.083 | 241.5 |
| 3 | 0.717 | 0.05 | 167.5 |
| 4 | 0.76 | 0.096 | 102 |
| 5 | 0.685 | 0.13 | 71.4 |
| 6 | 0.535 | 0.138 | 44.9 |

## In these collections

- [Composition notebook doodles](https://grabient.com/composition-notebook-doodles)

## Other forms

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