# Cobalt blue and gold chrysanthemum tea porcelain

The Cobalt blue and gold chrysanthemum tea porcelain brings together blue, purple, light magenta, and light orange. The colors span a moderate lightness range, combining strong 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 orange.

- Also called: Blue and beige linear swatches
- Seed: `kWfYC7PrzBMooQpckEX6xLL4`
- Page: https://grabient.com/kWfYC7PrzBMooQpckEX6xLL4?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark to light, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.1 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 | `#2758c3` | `oklch(49.21% 0.1764 262.97)` | Cerulean Blue | white, 6.4 to 1 |
| 2 | `#3d52bf` | `oklch(48.63% 0.1718 270.51)` | Free Speech Blue | white, 6.6 to 1 |
| 3 | `#6760b9` | `oklch(53.81% 0.1358 284.24)` | Bluish Purple Anemone | white, 5.3 to 1 |
| 4 | `#9c7eb0` | `oklch(63.85% 0.0810 311.53)` | English Lavender | black, 6 to 1 |
| 5 | `#c7a5ac` | `oklch(75.50% 0.0409 5.12)` | Dutchess Dawn | black, 9.4 to 1 |
| 6 | `#d9caa6` | `oklch(84.25% 0.0510 87.90)` | Glamorgan Sausage | black, 12.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2758c3 0.000% 16.667%, #3d52bf 16.667% 33.333%, #6760b9 33.333% 50.000%, #9c7eb0 50.000% 66.667%, #c7a5ac 66.667% 83.333%, #d9caa6 83.333% 100.000%);
background: linear-gradient(90deg, oklch(49.21% 0.1764 262.97) 0.000% 16.667%, oklch(48.63% 0.1718 270.51) 16.667% 33.333%, oklch(53.81% 0.1358 284.24) 33.333% 50.000%, oklch(63.85% 0.0810 311.53) 50.000% 66.667%, oklch(75.50% 0.0409 5.12) 66.667% 83.333%, oklch(84.25% 0.0510 87.90) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.492 | 0.176 | 263 |
| 2 | 0.492 | 0.167 | 273.5 |
| 3 | 0.583 | 0.11 | 295.7 |
| 4 | 0.728 | 0.044 | 346.5 |
| 5 | 0.843 | 0.051 | 447.9 |

## In these collections

- [Chrysanthemum tea porcelain](https://grabient.com/chrysanthemum-tea-porcelain)

## Other forms

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