# Aubergine, cobalt blue and teal color palette

The Aubergine, cobalt blue and teal color palette brings together dark purple, purple, blue, and teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is dark purple, and its lightest tone is teal.

- Also called: Vivid duotone dark blue and teal angular swatches
- Seed: `kWS2DNszXBD6sutRprq36m7g`
- Page: https://grabient.com/kWS2DNszXBD6sutRprq36m7g?style=angularSwatches&steps=6&angle=270
- Drawn as: angular swatches, 6 steps, 270 degrees
- Kinds: dark to light, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 6.9 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 | `#2f1769` | `oklch(29.53% 0.1323 288.98)` | Night Fog | white, 14.5 to 1 |
| 2 | `#502783` | `oklch(37.96% 0.1467 299.82)` | Spanish Violet | white, 10.7 to 1 |
| 3 | `#424b9f` | `oklch(45.24% 0.1339 275.11)` | Dazzling Blue | white, 7.6 to 1 |
| 4 | `#157aab` | `oklch(54.96% 0.1142 237.14)` | Benitoite | white, 4.7 to 1 |
| 5 | `#25a8b1` | `oklch(66.81% 0.1063 202.32)` | Exotic Sea | black, 7.2 to 1 |
| 6 | `#51c6a9` | `oklch(75.20% 0.1144 173.80)` | Biscay Green | black, 10 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #2f1769 0.000% 16.667%, #502783 16.667% 33.333%, #424b9f 33.333% 50.000%, #157aab 50.000% 66.667%, #25a8b1 66.667% 83.333%, #51c6a9 83.333% 100.000%);
background: conic-gradient(from 270deg, oklch(29.53% 0.1323 288.98) 0.000% 16.667%, oklch(37.96% 0.1467 299.82) 16.667% 33.333%, oklch(45.24% 0.1339 275.11) 33.333% 50.000%, oklch(54.96% 0.1142 237.14) 50.000% 66.667%, oklch(66.81% 0.1063 202.32) 66.667% 83.333%, oklch(75.20% 0.1144 173.80) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.132 | 289 |
| 2 | 0.402 | 0.147 | 298.5 |
| 3 | 0.492 | 0.123 | 255.2 |
| 4 | 0.642 | 0.106 | 210.8 |
| 5 | 0.752 | 0.114 | 173.8 |

## In these collections

- [Steel pan poster](https://grabient.com/steel-pan-poster)
- [Tropical swatches](https://grabient.com/tropical-swatches)

## Other forms

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