# Navy, ochre and turquoise blackberry bramble palette

The Navy, ochre and turquoise blackberry bramble palette brings together dark blue, red, orange, green, teal, and blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is teal.

- Also called: Rainbow from navy to blue linear swatches
- Seed: `kYS1LFr6HLsMlxXOoEg0KPG8SnRY`
- Page: https://grabient.com/kYS1LFr6HLsMlxXOoEg0KPG8SnRY?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#222163` | `oklch(29.53% 0.1130 277.73)` | Intergalactic Cowboy | white, 14.3 to 1 |
| 2 | `#69292f` | `oklch(37.40% 0.0923 17.07)` | Devil’s Lip | white, 10.7 to 1 |
| 3 | `#945c20` | `oklch(52.76% 0.1033 63.57)` | Afghan Carpet | white, 5.4 to 1 |
| 4 | `#709159` | `oklch(61.81% 0.0882 133.31)` | Irish Charm | black, 5.9 to 1 |
| 5 | `#2b9d9a` | `oklch(63.39% 0.0978 192.49)` | Baltic | black, 6.3 to 1 |
| 6 | `#2476a6` | `oklch(53.94% 0.1075 240.04)` | In the Mood | white, 4.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #222163 0.000% 16.667%, #69292f 16.667% 33.333%, #945c20 33.333% 50.000%, #709159 50.000% 66.667%, #2b9d9a 66.667% 83.333%, #2476a6 83.333% 100.000%);
background: linear-gradient(90deg, oklch(29.53% 0.1130 277.73) 0.000% 16.667%, oklch(37.40% 0.0923 17.07) 16.667% 33.333%, oklch(52.76% 0.1033 63.57) 33.333% 50.000%, oklch(61.81% 0.0882 133.31) 50.000% 66.667%, oklch(63.39% 0.0978 192.49) 66.667% 83.333%, oklch(53.94% 0.1075 240.04) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.113 | 277.7 |
| 2 | 0.374 | 0.092 | 377.1 |
| 3 | 0.528 | 0.103 | 423.6 |
| 4 | 0.618 | 0.088 | 493.3 |
| 5 | 0.634 | 0.098 | 552.5 |
| 6 | 0.539 | 0.107 | 600 |

## In these collections

- [Blackberry bramble](https://grabient.com/blackberry-bramble)

## Other forms

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