# Bronze and mustard indigo yukata palette

The Bronze and mustard indigo yukata palette brings together blue, purple, red, orange, and yellow. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is yellow.

- Also called: Tritone blue, purple and tan angular swatches
- Seed: `kYV2nBqyNFTmlx9LrcMWSpC98kw8`
- Page: https://grabient.com/kYV2nBqyNFTmlx9LrcMWSpC98kw8?style=angularSwatches&steps=6
- Drawn as: angular swatches, 6 steps, 90 degrees
- Kinds: dark to light, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.5 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 | `#232a82` | `oklch(34.25% 0.1447 272.11)` | St. Patrick’s Blue | white, 12.1 to 1 |
| 2 | `#4b2458` | `oklch(33.86% 0.0965 317.55)` | Wonka Purple | white, 12.3 to 1 |
| 3 | `#863b39` | `oklch(45.28% 0.1033 24.13)` | Kilauea Lava | white, 7.7 to 1 |
| 4 | `#b86631` | `oklch(59.45% 0.1254 50.54)` | Ruddy Brown | black, 4.9 to 1 |
| 5 | `#c89443` | `oklch(70.08% 0.1157 75.91)` | Narcissus | black, 7.7 to 1 |
| 6 | `#b2b365` | `oklch(74.80% 0.1006 108.67)` | Rodham | black, 9.5 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #232a82 0.000% 16.667%, #4b2458 16.667% 33.333%, #863b39 33.333% 50.000%, #b86631 50.000% 66.667%, #c89443 66.667% 83.333%, #b2b365 83.333% 100.000%);
background: conic-gradient(from 90deg, oklch(34.25% 0.1447 272.11) 0.000% 16.667%, oklch(33.86% 0.0965 317.55) 16.667% 33.333%, oklch(45.28% 0.1033 24.13) 33.333% 50.000%, oklch(59.45% 0.1254 50.54) 50.000% 66.667%, oklch(70.08% 0.1157 75.91) 66.667% 83.333%, oklch(74.80% 0.1006 108.67) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.145 | 272.1 |
| 2 | 0.339 | 0.096 | 317.5 |
| 3 | 0.453 | 0.103 | 384.1 |
| 4 | 0.594 | 0.125 | 410.5 |
| 5 | 0.701 | 0.116 | 435.9 |
| 6 | 0.748 | 0.101 | 468.7 |

## In these collections

- [Indigo yukata](https://grabient.com/indigo-yukata)

## Other forms

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