# Blue teal ivory and dusty rose

Complementary teal, gray and mauve radial swatches with 40 colors: #264d58, #29505b, #2e545f, #335963, #395e68, #40636e, #466973, #4d6f79, #54757e, #5b7b83, #618087, #68868b, #6f8c8f, #779293, #7f9797, #879d9b, #8fa39f, #97a8a4, #9eada8, #a5b2ac, #acb7af, #b2bcb3, #bac1b8, #c1c6bc, #c8cbc0, #cfcfc4, #d5d2c7, #dad5c9, #ded6ca, #e0d5c9, #e1d2c7, #dfcdc2, #dcc7bb, #d8beb4, #d4b5ac, #ceaca4, #c9a39d, #c49b97, #c09592, #be9090. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Complementary teal, gray and mauve radial swatches
- Seed: `kWZSObSQ2_WCGOdvh7T2JQ6I`
- Page: https://grabient.com/kWZSObSQ2_WCGOdvh7T2JQ6I?style=radialSwatches&steps=40&angle=0
- Drawn as: radial swatches, 40 steps, 0 degrees
- Kinds: light center, neutral
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.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 | `#264d58` | `oklch(39.76% 0.0482 217.97)` | Berry Blue Green | white, 9.1 to 1 |
| 2 | `#29505b` | `oklch(40.85% 0.0476 217.86)` | Atlantic Deep | white, 8.7 to 1 |
| 3 | `#2e545f` | `oklch(42.24% 0.0468 218.00)` | Blue Bayberry | white, 8.2 to 1 |
| 4 | `#335963` | `oklch(43.88% 0.0460 218.26)` | Petro Blue | white, 7.6 to 1 |
| 5 | `#395e68` | `oklch(45.73% 0.0450 218.49)` | Freedom | white, 7 to 1 |
| 6 | `#40636e` | `oklch(47.72% 0.0439 218.56)` | Juniper Berry Blue | white, 6.5 to 1 |
| 7 | `#466973` | `oklch(49.80% 0.0426 218.34)` | Azalea Leaf | white, 5.9 to 1 |
| 8 | `#4d6f79` | `oklch(51.92% 0.0413 217.71)` | Winter Storm | white, 5.4 to 1 |
| 9 | `#54757e` | `oklch(54.02% 0.0399 216.51)` | Blue Sage | white, 4.9 to 1 |
| 10 | `#5b7b83` | `oklch(56.04% 0.0384 214.63)` | Country Lake | black, 4.5 to 1 |
| 11 | `#618087` | `oklch(57.95% 0.0368 211.94)` | Blue Thunder | black, 4.9 to 1 |
| 12 | `#68868b` | `oklch(59.86% 0.0348 208.61)` | Thundercloud | black, 5.3 to 1 |
| 13 | `#6f8c8f` | `oklch(61.83% 0.0326 204.75)` | Polaris Blue | black, 5.8 to 1 |
| 14 | `#779293` | `oklch(63.84% 0.0301 200.40)` | Miracle Bay | black, 6.2 to 1 |
| 15 | `#7f9797` | `oklch(65.85% 0.0275 195.55)` | Tidepool Wonder | black, 6.7 to 1 |
| 16 | `#879d9b` | `oklch(67.85% 0.0250 190.23)` | Agave | black, 7.3 to 1 |
| 17 | `#8fa39f` | `oklch(69.80% 0.0225 184.45)` | Spruce Shade | black, 7.8 to 1 |
| 18 | `#97a8a4` | `oklch(71.69% 0.0203 178.24)` | Galway Bay | black, 8.4 to 1 |
| 19 | `#9eada8` | `oklch(73.50% 0.0184 171.61)` | Feldspar Silver | black, 9 to 1 |
| 20 | `#a5b2ac` | `oklch(75.19% 0.0170 164.57)` | Marine Grey | black, 9.5 to 1 |
| 21 | `#acb7af` | `oklch(76.78% 0.0161 157.03)` | Cyprus Spring | black, 10.1 to 1 |
| 22 | `#b2bcb3` | `oklch(78.47% 0.0155 148.42)` | Wet Ash | black, 10.7 to 1 |
| 23 | `#bac1b8` | `oklch(80.22% 0.0151 138.90)` | Bog Fog | black, 11.3 to 1 |
| 24 | `#c1c6bc` | `oklch(81.95% 0.0149 128.73)` | Silent Storm | black, 12 to 1 |
| 25 | `#c8cbc0` | `oklch(83.60% 0.0150 118.20)` | Chilean Sea Bass | black, 12.7 to 1 |
| 26 | `#cfcfc4` | `oklch(85.08% 0.0154 107.58)` | Pastel Grey | black, 13.3 to 1 |
| 27 | `#d5d2c7` | `oklch(86.32% 0.0161 97.15)` | Soy Milk | black, 13.8 to 1 |
| 28 | `#dad5c9` | `oklch(87.25% 0.0171 87.18)` | Gilded Linen | black, 14.2 to 1 |
| 29 | `#ded6ca` | `oklch(87.79% 0.0185 77.97)` | Wheat Flour White | black, 14.5 to 1 |
| 30 | `#e0d5c9` | `oklch(87.86% 0.0202 69.77)` | Light Chintz | black, 14.5 to 1 |
| 31 | `#e1d2c7` | `oklch(87.33% 0.0224 62.58)` | Wheat Seed | black, 14.2 to 1 |
| 32 | `#dfcdc2` | `oklch(86.11% 0.0255 55.86)` | Cocoa Parfait | black, 13.6 to 1 |
| 33 | `#dcc7bb` | `oklch(84.35% 0.0292 49.58)` | Cotton & Flax | black, 12.9 to 1 |
| 34 | `#d8beb4` | `oklch(82.18% 0.0333 43.77)` | Wild Rice | black, 11.9 to 1 |
| 35 | `#d4b5ac` | `oklch(79.79% 0.0376 38.43)` | Castilian Pink | black, 11 to 1 |
| 36 | `#ceaca4` | `oklch(77.31% 0.0419 33.57)` | Rose Smoke | black, 10 to 1 |
| 37 | `#c9a39d` | `oklch(74.90% 0.0461 29.22)` | Rose Potpourri | black, 9.2 to 1 |
| 38 | `#c49b97` | `oklch(72.73% 0.0498 25.38)` | Fall Canyon | black, 8.5 to 1 |
| 39 | `#c09592` | `oklch(70.94% 0.0529 22.07)` | Mutabilis | black, 7.9 to 1 |
| 40 | `#be9090` | `oklch(69.69% 0.0551 19.30)` | Rosy Brown | black, 7.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #264d58 0.000% 2.500%, #29505b 2.500% 5.000%, #2e545f 5.000% 7.500%, #335963 7.500% 10.000%, #395e68 10.000% 12.500%, #40636e 12.500% 15.000%, #466973 15.000% 17.500%, #4d6f79 17.500% 20.000%, #54757e 20.000% 22.500%, #5b7b83 22.500% 25.000%, #618087 25.000% 27.500%, #68868b 27.500% 30.000%, #6f8c8f 30.000% 32.500%, #779293 32.500% 35.000%, #7f9797 35.000% 37.500%, #879d9b 37.500% 40.000%, #8fa39f 40.000% 42.500%, #97a8a4 42.500% 45.000%, #9eada8 45.000% 47.500%, #a5b2ac 47.500% 50.000%, #acb7af 50.000% 52.500%, #b2bcb3 52.500% 55.000%, #bac1b8 55.000% 57.500%, #c1c6bc 57.500% 60.000%, #c8cbc0 60.000% 62.500%, #cfcfc4 62.500% 65.000%, #d5d2c7 65.000% 67.500%, #dad5c9 67.500% 70.000%, #ded6ca 70.000% 72.500%, #e0d5c9 72.500% 75.000%, #e1d2c7 75.000% 77.500%, #dfcdc2 77.500% 80.000%, #dcc7bb 80.000% 82.500%, #d8beb4 82.500% 85.000%, #d4b5ac 85.000% 87.500%, #ceaca4 87.500% 90.000%, #c9a39d 90.000% 92.500%, #c49b97 92.500% 95.000%, #c09592 95.000% 97.500%, #be9090 97.500% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(39.76% 0.0482 217.97) 0.000% 2.500%, oklch(40.85% 0.0476 217.86) 2.500% 5.000%, oklch(42.24% 0.0468 218.00) 5.000% 7.500%, oklch(43.88% 0.0460 218.26) 7.500% 10.000%, oklch(45.73% 0.0450 218.49) 10.000% 12.500%, oklch(47.72% 0.0439 218.56) 12.500% 15.000%, oklch(49.80% 0.0426 218.34) 15.000% 17.500%, oklch(51.92% 0.0413 217.71) 17.500% 20.000%, oklch(54.02% 0.0399 216.51) 20.000% 22.500%, oklch(56.04% 0.0384 214.63) 22.500% 25.000%, oklch(57.95% 0.0368 211.94) 25.000% 27.500%, oklch(59.86% 0.0348 208.61) 27.500% 30.000%, oklch(61.83% 0.0326 204.75) 30.000% 32.500%, oklch(63.84% 0.0301 200.40) 32.500% 35.000%, oklch(65.85% 0.0275 195.55) 35.000% 37.500%, oklch(67.85% 0.0250 190.23) 37.500% 40.000%, oklch(69.80% 0.0225 184.45) 40.000% 42.500%, oklch(71.69% 0.0203 178.24) 42.500% 45.000%, oklch(73.50% 0.0184 171.61) 45.000% 47.500%, oklch(75.19% 0.0170 164.57) 47.500% 50.000%, oklch(76.78% 0.0161 157.03) 50.000% 52.500%, oklch(78.47% 0.0155 148.42) 52.500% 55.000%, oklch(80.22% 0.0151 138.90) 55.000% 57.500%, oklch(81.95% 0.0149 128.73) 57.500% 60.000%, oklch(83.60% 0.0150 118.20) 60.000% 62.500%, oklch(85.08% 0.0154 107.58) 62.500% 65.000%, oklch(86.32% 0.0161 97.15) 65.000% 67.500%, oklch(87.25% 0.0171 87.18) 67.500% 70.000%, oklch(87.79% 0.0185 77.97) 70.000% 72.500%, oklch(87.86% 0.0202 69.77) 72.500% 75.000%, oklch(87.33% 0.0224 62.58) 75.000% 77.500%, oklch(86.11% 0.0255 55.86) 77.500% 80.000%, oklch(84.35% 0.0292 49.58) 80.000% 82.500%, oklch(82.18% 0.0333 43.77) 82.500% 85.000%, oklch(79.79% 0.0376 38.43) 85.000% 87.500%, oklch(77.31% 0.0419 33.57) 87.500% 90.000%, oklch(74.90% 0.0461 29.22) 90.000% 92.500%, oklch(72.73% 0.0498 25.38) 92.500% 95.000%, oklch(70.94% 0.0529 22.07) 95.000% 97.500%, oklch(69.69% 0.0551 19.30) 97.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.398 | 0.048 | 218 |
| 2 | 0.575 | 0.037 | 212.7 |
| 3 | 0.76 | 0.017 | 160.9 |
| 4 | 0.878 | 0.021 | 67.9 |
| 5 | 0.697 | 0.055 | 19.3 |

## In these collections

- [Marble swatches](https://grabient.com/marble-swatches)

## Other forms

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