# Copper and steel blue metallic facets

Dark brown and reddish copper lift through caramel, peach and champagne cream before cooling through pale sage-gray into muted steel blue. Thirty-two angular swatches divide that metallic color relationship into narrow facets. Warm bronze-like depths and a soft cream highlight sit beside a quiet blue finish, creating a restrained alternative to brighter jewel colors in a bedazzled palette.

- Also called: Black, brown, peach and gray blue angular swatches
- Seed: `kWOAgGOBjDtclQpxFUEVI9SI`
- Page: https://grabient.com/kWOAgGOBjDtclQpxFUEVI9SI?style=angularSwatches&steps=32&angle=315
- Drawn as: angular swatches, 32 steps, 315 degrees
- Kinds: light center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.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 | `#1f191a` | `oklch(22.05% 0.0110 8.44)` | Kālā Black | white, 17.3 to 1 |
| 2 | `#261c1d` | `oklch(23.80% 0.0157 11.05)` | Dark Orchestra | white, 16.6 to 1 |
| 3 | `#2e2021` | `oklch(26.11% 0.0221 14.60)` | Kenpōzome Black | white, 15.6 to 1 |
| 4 | `#392525` | `oklch(28.87% 0.0298 18.84)` | Aubergine | white, 14.3 to 1 |
| 5 | `#442b29` | `oklch(31.94% 0.0382 23.50)` | Brown Coffee | white, 12.9 to 1 |
| 6 | `#51312d` | `oklch(35.20% 0.0468 28.31)` | Espresso | white, 11.4 to 1 |
| 7 | `#5e3930` | `oklch(38.52% 0.0551 33.00)` | Fiery Brown | white, 10 to 1 |
| 8 | `#6a4033` | `oklch(41.77% 0.0627 37.31)` | Roasted Coffee | white, 8.7 to 1 |
| 9 | `#754736` | `oklch(44.85% 0.0690 41.01)` | Clay Play | white, 7.7 to 1 |
| 10 | `#814f39` | `oklch(47.94% 0.0752 44.40)` | Curry Brown | white, 6.7 to 1 |
| 11 | `#8c573c` | `oklch(51.13% 0.0815 47.66)` | Chestnut Chest | white, 5.8 to 1 |
| 12 | `#98603f` | `oklch(54.36% 0.0875 50.77)` | Harrison Rust | white, 5.1 to 1 |
| 13 | `#a46942` | `oklch(57.62% 0.0930 53.70)` | Maple Glaze | black, 4.6 to 1 |
| 14 | `#af7346` | `oklch(60.84% 0.0974 56.45)` | Burnt Almond | black, 5.3 to 1 |
| 15 | `#b97c4a` | `oklch(63.99% 0.1006 58.98)` | Okonomiyaki Brown | black, 6 to 1 |
| 16 | `#c38651` | `oklch(67.04% 0.1020 61.28)` | Butter Rum | black, 6.8 to 1 |
| 17 | `#cb9059` | `oklch(70.02% 0.1013 63.02)` | Napa Sunset | black, 7.6 to 1 |
| 18 | `#d59b66` | `oklch(73.36% 0.0980 62.78)` | Prayer Flag | black, 8.7 to 1 |
| 19 | `#dfa776` | `oklch(76.91% 0.0926 61.24)` | Thai Ice Tea | black, 9.9 to 1 |
| 20 | `#e9b287` | `oklch(80.42% 0.0858 59.39)` | Trick or Treat | black, 11.1 to 1 |
| 21 | `#f1bd97` | `oklch(83.63% 0.0784 58.27)` | Word of Mouth | black, 12.4 to 1 |
| 22 | `#f6c7a4` | `oklch(86.29% 0.0710 58.88)` | Shrimp Toast | black, 13.6 to 1 |
| 23 | `#f8cfad` | `oklch(88.15% 0.0643 62.23)` | Allspice | black, 14.5 to 1 |
| 24 | `#f5d4b1` | `oklch(88.97% 0.0589 69.36)` | Frangipane | black, 14.9 to 1 |
| 25 | `#ebd6b0` | `oklch(88.40% 0.0551 81.71)` | Rousseau Gold | black, 14.7 to 1 |
| 26 | `#dad4ad` | `oklch(86.37% 0.0519 99.93)` | Dull Sage | black, 13.9 to 1 |
| 27 | `#c2ceab` | `oklch(83.27% 0.0493 122.16)` | Landscape | black, 12.6 to 1 |
| 28 | `#a9c5ab` | `oklch(79.53% 0.0471 146.49)` | Spring Leaves | black, 11.2 to 1 |
| 29 | `#94b9ac` | `oklch(75.56% 0.0453 170.97)` | Mild Evergreen | black, 9.8 to 1 |
| 30 | `#85adac` | `oklch(71.79% 0.0438 193.69)` | Hydrology | black, 8.5 to 1 |
| 31 | `#7ca2aa` | `oklch(68.64% 0.0425 212.72)` | Seascape | black, 7.5 to 1 |
| 32 | `#799aa7` | `oklch(66.54% 0.0413 226.13)` | Palace Intrigue | black, 6.9 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #1f191a 0.000% 3.125%, #261c1d 3.125% 6.250%, #2e2021 6.250% 9.375%, #392525 9.375% 12.500%, #442b29 12.500% 15.625%, #51312d 15.625% 18.750%, #5e3930 18.750% 21.875%, #6a4033 21.875% 25.000%, #754736 25.000% 28.125%, #814f39 28.125% 31.250%, #8c573c 31.250% 34.375%, #98603f 34.375% 37.500%, #a46942 37.500% 40.625%, #af7346 40.625% 43.750%, #b97c4a 43.750% 46.875%, #c38651 46.875% 50.000%, #cb9059 50.000% 53.125%, #d59b66 53.125% 56.250%, #dfa776 56.250% 59.375%, #e9b287 59.375% 62.500%, #f1bd97 62.500% 65.625%, #f6c7a4 65.625% 68.750%, #f8cfad 68.750% 71.875%, #f5d4b1 71.875% 75.000%, #ebd6b0 75.000% 78.125%, #dad4ad 78.125% 81.250%, #c2ceab 81.250% 84.375%, #a9c5ab 84.375% 87.500%, #94b9ac 87.500% 90.625%, #85adac 90.625% 93.750%, #7ca2aa 93.750% 96.875%, #799aa7 96.875% 100.000%);
background: conic-gradient(from 315deg, oklch(22.05% 0.0110 8.44) 0.000% 3.125%, oklch(23.80% 0.0157 11.05) 3.125% 6.250%, oklch(26.11% 0.0221 14.60) 6.250% 9.375%, oklch(28.87% 0.0298 18.84) 9.375% 12.500%, oklch(31.94% 0.0382 23.50) 12.500% 15.625%, oklch(35.20% 0.0468 28.31) 15.625% 18.750%, oklch(38.52% 0.0551 33.00) 18.750% 21.875%, oklch(41.77% 0.0627 37.31) 21.875% 25.000%, oklch(44.85% 0.0690 41.01) 25.000% 28.125%, oklch(47.94% 0.0752 44.40) 28.125% 31.250%, oklch(51.13% 0.0815 47.66) 31.250% 34.375%, oklch(54.36% 0.0875 50.77) 34.375% 37.500%, oklch(57.62% 0.0930 53.70) 37.500% 40.625%, oklch(60.84% 0.0974 56.45) 40.625% 43.750%, oklch(63.99% 0.1006 58.98) 43.750% 46.875%, oklch(67.04% 0.1020 61.28) 46.875% 50.000%, oklch(70.02% 0.1013 63.02) 50.000% 53.125%, oklch(73.36% 0.0980 62.78) 53.125% 56.250%, oklch(76.91% 0.0926 61.24) 56.250% 59.375%, oklch(80.42% 0.0858 59.39) 59.375% 62.500%, oklch(83.63% 0.0784 58.27) 62.500% 65.625%, oklch(86.29% 0.0710 58.88) 65.625% 68.750%, oklch(88.15% 0.0643 62.23) 68.750% 71.875%, oklch(88.97% 0.0589 69.36) 71.875% 75.000%, oklch(88.40% 0.0551 81.71) 75.000% 78.125%, oklch(86.37% 0.0519 99.93) 78.125% 81.250%, oklch(83.27% 0.0493 122.16) 81.250% 84.375%, oklch(79.53% 0.0471 146.49) 84.375% 87.500%, oklch(75.56% 0.0453 170.97) 87.500% 90.625%, oklch(71.79% 0.0438 193.69) 90.625% 93.750%, oklch(68.64% 0.0425 212.72) 93.750% 96.875%, oklch(66.54% 0.0413 226.13) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.011 | 8.4 |
| 2 | 0.441 | 0.068 | 40.1 |
| 3 | 0.685 | 0.102 | 62.3 |
| 4 | 0.89 | 0.058 | 71.8 |
| 5 | 0.665 | 0.041 | 226.1 |

## In these collections

- [Bedazzled](https://grabient.com/bedazzled)

## Other forms

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