# Deep teal, navy and aubergine color palette

The Deep teal, navy and aubergine color palette brings together teal and blue. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its lightest and darkest tones both fall within the blue color family.

- Also called: Duotone teal and dark blue angular swatches
- Seed: `kUViaIsp3FK4wQ0nqkLA`
- Page: https://grabient.com/kUViaIsp3FK4wQ0nqkLA?style=angularSwatches&steps=6&angle=225
- Drawn as: angular swatches, 6 steps, 225 degrees
- Kinds: even lightness, vivid, dark, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 1.4 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 | `#0c403e` | `oklch(33.86% 0.0524 191.95)` | Botanical Night | white, 11.5 to 1 |
| 2 | `#024a59` | `oklch(37.80% 0.0667 217.59)` | Nocturnal Expedition | white, 9.8 to 1 |
| 3 | `#094b74` | `oklch(39.69% 0.0912 243.13)` | Dignity Blue | white, 9.2 to 1 |
| 4 | `#113c81` | `oklch(37.18% 0.1261 259.69)` | Mystery Oceans | white, 10.5 to 1 |
| 5 | `#292b79` | `oklch(34.04% 0.1297 276.06)` | Blue Rose | white, 12.2 to 1 |
| 6 | `#322066` | `oklch(31.10% 0.1157 289.17)` | Dark Dreams | white, 13.6 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #0c403e 0.000% 16.667%, #024a59 16.667% 33.333%, #094b74 33.333% 50.000%, #113c81 50.000% 66.667%, #292b79 66.667% 83.333%, #322066 83.333% 100.000%);
background: conic-gradient(from 225deg, oklch(33.86% 0.0524 191.95) 0.000% 16.667%, oklch(37.80% 0.0667 217.59) 16.667% 33.333%, oklch(39.69% 0.0912 243.13) 33.333% 50.000%, oklch(37.18% 0.1261 259.69) 50.000% 66.667%, oklch(34.04% 0.1297 276.06) 66.667% 83.333%, oklch(31.10% 0.1157 289.17) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.052 | 192 |
| 2 | 0.398 | 0.081 | 236.3 |
| 3 | 0.362 | 0.132 | 264.9 |
| 4 | 0.311 | 0.116 | 289.2 |

## In these collections

- [Winter swatches](https://grabient.com/winter-swatches)
- [Cool swatches](https://grabient.com/cool-swatches)
- [Winter](https://grabient.com/winter)

## Other forms

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