# Cobalt blue fynbos after winter rain

The Cobalt blue fynbos after winter rain brings together blue, teal, light green, gold, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Tritone blue, green and brown radial gradient
- Seed: `kWdkawU5q7OSZN1jprpUKq9Q`
- Page: https://grabient.com/kWdkawU5q7OSZN1jprpUKq9Q?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: light center, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.8 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 | `#255d8c` | `oklch(46.46% 0.0965 247.50)` | Sapphire Lace | white, 6.9 to 1 |
| 2 | `#27628f` | `oklch(48.04% 0.0944 244.52)` | Starry Night | white, 6.4 to 1 |
| 3 | `#2b6a93` | `oklch(50.21% 0.0916 240.80)` | Blue Oasis | white, 5.8 to 1 |
| 4 | `#317397` | `oklch(52.79% 0.0882 236.38)` | Male Betta | white, 5.2 to 1 |
| 5 | `#387c9c` | `oklch(55.63% 0.0845 231.31)` | Blue Dart Frog | white, 4.6 to 1 |
| 6 | `#4086a0` | `oklch(58.56% 0.0809 225.64)` | Dirty Blue | black, 5.1 to 1 |
| 7 | `#4990a4` | `oklch(61.41% 0.0775 219.42)` | Aegean Sea | black, 5.7 to 1 |
| 8 | `#5198a7` | `oklch(64.03% 0.0746 212.69)` | Acapulco Cliffs | black, 6.4 to 1 |
| 9 | `#59a0a9` | `oklch(66.28% 0.0726 205.47)` | Atlas Cedar | black, 7 to 1 |
| 10 | `#61a7a9` | `oklch(68.40% 0.0708 197.16)` | Blue Mercury | black, 7.6 to 1 |
| 11 | `#6baea8` | `oklch(70.49% 0.0692 187.81)` | Turquoise Fantasies | black, 8.2 to 1 |
| 12 | `#76b5a6` | `oklch(72.50% 0.0678 177.79)` | Intracoastal | black, 8.8 to 1 |
| 13 | `#82baa3` | `oklch(74.38% 0.0669 167.47)` | Peppermint Bar | black, 9.5 to 1 |
| 14 | `#8ebfa1` | `oklch(76.07% 0.0665 157.23)` | Green-Eyed Lady | black, 10 to 1 |
| 15 | `#9ac29e` | `oklch(77.52% 0.0668 147.44)` | Spruce Stone | black, 10.5 to 1 |
| 16 | `#a4c59a` | `oklch(78.68% 0.0680 138.48)` | Heartland Frosty | black, 10.9 to 1 |
| 17 | `#adc697` | `oklch(79.51% 0.0702 130.59)` | Geddy Green | black, 11.2 to 1 |
| 18 | `#b5c692` | `oklch(80.09% 0.0739 123.24)` | Garden Spot | black, 11.4 to 1 |
| 19 | `#bcc68c` | `oklch(80.43% 0.0788 116.32)` | Misty Valley | black, 11.5 to 1 |
| 20 | `#c2c584` | `oklch(80.53% 0.0844 109.81)` | Soda Pop | black, 11.5 to 1 |
| 21 | `#c9c27d` | `oklch(80.40% 0.0902 103.73)` | Fresh Sprout | black, 11.5 to 1 |
| 22 | `#cebf75` | `oklch(80.04% 0.0960 98.07)` | Green Citrine | black, 11.3 to 1 |
| 23 | `#d2bb6d` | `oklch(79.43% 0.1011 92.83)` | Tookie Bird | black, 11 to 1 |
| 24 | `#d5b666` | `oklch(78.59% 0.1053 88.01)` | Wax Way | black, 10.6 to 1 |
| 25 | `#d6af60` | `oklch(77.39% 0.1082 83.63)` | Sell Gold | black, 10.2 to 1 |
| 26 | `#d5a859` | `oklch(75.63% 0.1106 79.71)` | Afghan Sand | black, 9.5 to 1 |
| 27 | `#d19f51` | `oklch(73.48% 0.1124 76.22)` | Bright Gold | black, 8.8 to 1 |
| 28 | `#cd964a` | `oklch(71.12% 0.1138 73.16)` | Bengal | black, 8 to 1 |
| 29 | `#c78d43` | `oklch(68.74% 0.1149 70.49)` | Anzac | black, 7.3 to 1 |
| 30 | `#c2853c` | `oklch(66.53% 0.1157 68.21)` | Back to School | black, 6.7 to 1 |
| 31 | `#be7f37` | `oklch(64.69% 0.1164 66.28)` | Fresh Clay | black, 6.2 to 1 |
| 32 | `#bb7a34` | `oklch(63.39% 0.1171 64.68)` | Longan | black, 5.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #255d8c 0.0%, #27628f 3.2%, #2b6a93 6.5%, #317397 9.7%, #387c9c 12.9%, #4086a0 16.1%, #4990a4 19.4%, #5198a7 22.6%, #59a0a9 25.8%, #61a7a9 29.0%, #6baea8 32.3%, #76b5a6 35.5%, #82baa3 38.7%, #8ebfa1 41.9%, #9ac29e 45.2%, #a4c59a 48.4%, #adc697 51.6%, #b5c692 54.8%, #bcc68c 58.1%, #c2c584 61.3%, #c9c27d 64.5%, #cebf75 67.7%, #d2bb6d 71.0%, #d5b666 74.2%, #d6af60 77.4%, #d5a859 80.6%, #d19f51 83.9%, #cd964a 87.1%, #c78d43 90.3%, #c2853c 93.5%, #be7f37 96.8%, #bb7a34 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(46.46% 0.0965 247.50) 0.0%, oklch(48.04% 0.0944 244.52) 3.2%, oklch(50.21% 0.0916 240.80) 6.5%, oklch(52.79% 0.0882 236.38) 9.7%, oklch(55.63% 0.0845 231.31) 12.9%, oklch(58.56% 0.0809 225.64) 16.1%, oklch(61.41% 0.0775 219.42) 19.4%, oklch(64.03% 0.0746 212.69) 22.6%, oklch(66.28% 0.0726 205.47) 25.8%, oklch(68.40% 0.0708 197.16) 29.0%, oklch(70.49% 0.0692 187.81) 32.3%, oklch(72.50% 0.0678 177.79) 35.5%, oklch(74.38% 0.0669 167.47) 38.7%, oklch(76.07% 0.0665 157.23) 41.9%, oklch(77.52% 0.0668 147.44) 45.2%, oklch(78.68% 0.0680 138.48) 48.4%, oklch(79.51% 0.0702 130.59) 51.6%, oklch(80.09% 0.0739 123.24) 54.8%, oklch(80.43% 0.0788 116.32) 58.1%, oklch(80.53% 0.0844 109.81) 61.3%, oklch(80.40% 0.0902 103.73) 64.5%, oklch(80.04% 0.0960 98.07) 67.7%, oklch(79.43% 0.1011 92.83) 71.0%, oklch(78.59% 0.1053 88.01) 74.2%, oklch(77.39% 0.1082 83.63) 77.4%, oklch(75.63% 0.1106 79.71) 80.6%, oklch(73.48% 0.1124 76.22) 83.9%, oklch(71.12% 0.1138 73.16) 87.1%, oklch(68.74% 0.1149 70.49) 90.3%, oklch(66.53% 0.1157 68.21) 93.5%, oklch(64.69% 0.1164 66.28) 96.8%, oklch(63.39% 0.1171 64.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.465 | 0.096 | 247.5 |
| 2 | 0.657 | 0.073 | 207.3 |
| 3 | 0.791 | 0.069 | 134.4 |
| 4 | 0.783 | 0.106 | 86.9 |
| 5 | 0.634 | 0.117 | 64.7 |

## In these collections

- [Fynbos after winter rain](https://grabient.com/fynbos-after-winter-rain)

## Other forms

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