# Blue and stone winter palette

The Blue and stone winter palette brings together dark blue, blue, teal, pale green, and purple. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is dark blue, and its lightest tone is pale green.

- Also called: Seamless navy, teal and gray angular gradient
- Seed: `kcPCe8Mhw-kaeO7eIb38ok7daRTgyGUHnhI8Y`
- Page: https://grabient.com/kcPCe8Mhw-kaeO7eIb38ok7daRTgyGUHnhI8Y?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: light center, muted, cool, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 12.4 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 | `#111d38` | `oklch(23.62% 0.0537 264.37)` | Nightwalker | white, 16.6 to 1 |
| 2 | `#152340` | `oklch(26.10% 0.0578 263.02)` | Cool Balaclavas Are Forever | white, 15.5 to 1 |
| 3 | `#1a2c4d` | `oklch(29.64% 0.0637 261.27)` | Rurikon Blue | white, 13.8 to 1 |
| 4 | `#20375b` | `oklch(33.71% 0.0701 258.71)` | Navy Peony | white, 11.9 to 1 |
| 5 | `#244369` | `oklch(37.76% 0.0755 254.88)` | Nightlife | white, 10.1 to 1 |
| 6 | `#264e74` | `oklch(41.42% 0.0787 249.17)` | Mykonos Reflection | white, 8.6 to 1 |
| 7 | `#265a7d` | `oklch(44.97% 0.0803 241.02)` | Bahama Blue | white, 7.3 to 1 |
| 8 | `#256785` | `oklch(48.56% 0.0810 231.78)` | Sea Goddess | white, 6.2 to 1 |
| 9 | `#28748c` | `oklch(52.23% 0.0816 222.95)` | Thousand Herb | white, 5.3 to 1 |
| 10 | `#2e8194` | `oklch(56.07% 0.0830 216.00)` | Kings of Sea | black, 4.6 to 1 |
| 11 | `#348e9f` | `oklch(60.18% 0.0868 211.63)` | Scooter | black, 5.5 to 1 |
| 12 | `#3b9dab` | `oklch(64.46% 0.0917 208.69)` | Caribbean Cruise | black, 6.5 to 1 |
| 13 | `#44abb7` | `oklch(68.75% 0.0950 205.80)` | Gone Fishing | black, 7.7 to 1 |
| 14 | `#54b9c0` | `oklch(72.88% 0.0939 201.56)` | Sussie | black, 9 to 1 |
| 15 | `#6fc6c4` | `oklch(77.17% 0.0848 193.26)` | Cyantific | black, 10.5 to 1 |
| 16 | `#94d4c6` | `oklch(82.19% 0.0677 179.49)` | Opal Turquoise | black, 12.4 to 1 |
| 17 | `#b7decc` | `oklch(86.79% 0.0480 166.12)` | Refrigerator Green | black, 14.3 to 1 |
| 18 | `#cce4d6` | `oklch(89.75% 0.0315 159.30)` | Mint Whisper | black, 15.6 to 1 |
| 19 | `#d0e3da` | `oklch(89.83% 0.0237 165.33)` | Light Silverton | black, 15.6 to 1 |
| 20 | `#c2d9d6` | `oklch(86.75% 0.0247 188.09)` | Haint Blue | black, 14.1 to 1 |
| 21 | `#aec8d1` | `oklch(81.52% 0.0308 220.60)` | Gentle Sea | black, 11.9 to 1 |
| 22 | `#9eb1c7` | `oklch(75.22% 0.0389 253.86)` | Aerial View | black, 9.5 to 1 |
| 23 | `#9499b8` | `oklch(68.94% 0.0461 278.90)` | Thistle Down | black, 7.5 to 1 |
| 24 | `#8883a6` | `oklch(62.77% 0.0517 291.71)` | Purple Hills | black, 5.8 to 1 |
| 25 | `#786d92` | `oklch(55.87% 0.0582 297.99)` | Purple Silhouette | white, 4.7 to 1 |
| 26 | `#65587f` | `oklch(48.88% 0.0641 299.79)` | Psychic | white, 6.4 to 1 |
| 27 | `#54466f` | `oklch(42.49% 0.0681 299.03)` | Purple Feather | white, 8.5 to 1 |
| 28 | `#443860` | `oklch(37.27% 0.0686 297.04)` | Mulberry Purple | white, 10.5 to 1 |
| 29 | `#352e53` | `oklch(32.77% 0.0651 291.04)` | Midnight Pie | white, 12.5 to 1 |
| 30 | `#272748` | `oklch(28.94% 0.0593 282.56)` | Royal Curtsy | white, 14.3 to 1 |
| 31 | `#1c213d` | `oklch(25.86% 0.0535 274.20)` | Cool Balaclavas Are Forever | white, 15.7 to 1 |
| 32 | `#151d36` | `oklch(23.62% 0.0496 268.60)` | Sombre Night | white, 16.6 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #111d38 0.0%, #152340 3.2%, #1a2c4d 6.5%, #20375b 9.7%, #244369 12.9%, #264e74 16.1%, #265a7d 19.4%, #256785 22.6%, #28748c 25.8%, #2e8194 29.0%, #348e9f 32.3%, #3b9dab 35.5%, #44abb7 38.7%, #54b9c0 41.9%, #6fc6c4 45.2%, #94d4c6 48.4%, #b7decc 51.6%, #cce4d6 54.8%, #d0e3da 58.1%, #c2d9d6 61.3%, #aec8d1 64.5%, #9eb1c7 67.7%, #9499b8 71.0%, #8883a6 74.2%, #786d92 77.4%, #65587f 80.6%, #54466f 83.9%, #443860 87.1%, #352e53 90.3%, #272748 93.5%, #1c213d 96.8%, #151d36 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(23.62% 0.0537 264.37) 0.0%, oklch(26.10% 0.0578 263.02) 3.2%, oklch(29.64% 0.0637 261.27) 6.5%, oklch(33.71% 0.0701 258.71) 9.7%, oklch(37.76% 0.0755 254.88) 12.9%, oklch(41.42% 0.0787 249.17) 16.1%, oklch(44.97% 0.0803 241.02) 19.4%, oklch(48.56% 0.0810 231.78) 22.6%, oklch(52.23% 0.0816 222.95) 25.8%, oklch(56.07% 0.0830 216.00) 29.0%, oklch(60.18% 0.0868 211.63) 32.3%, oklch(64.46% 0.0917 208.69) 35.5%, oklch(68.75% 0.0950 205.80) 38.7%, oklch(72.88% 0.0939 201.56) 41.9%, oklch(77.17% 0.0848 193.26) 45.2%, oklch(82.19% 0.0677 179.49) 48.4%, oklch(86.79% 0.0480 166.12) 51.6%, oklch(89.75% 0.0315 159.30) 54.8%, oklch(89.83% 0.0237 165.33) 58.1%, oklch(86.75% 0.0247 188.09) 61.3%, oklch(81.52% 0.0308 220.60) 64.5%, oklch(75.22% 0.0389 253.86) 67.7%, oklch(68.94% 0.0461 278.90) 71.0%, oklch(62.77% 0.0517 291.71) 74.2%, oklch(55.87% 0.0582 297.99) 77.4%, oklch(48.88% 0.0641 299.79) 80.6%, oklch(42.49% 0.0681 299.03) 83.9%, oklch(37.27% 0.0686 297.04) 87.1%, oklch(32.77% 0.0651 291.04) 90.3%, oklch(28.94% 0.0593 282.56) 93.5%, oklch(25.86% 0.0535 274.20) 96.8%, oklch(23.62% 0.0496 268.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.236 | 0.054 | 264.4 |
| 2 | 0.394 | 0.077 | 252.8 |
| 3 | 0.555 | 0.083 | 216.8 |
| 4 | 0.74 | 0.092 | 199.9 |
| 5 | 0.902 | 0.025 | 161.9 |
| 6 | 0.681 | 0.047 | 281.3 |
| 7 | 0.394 | 0.069 | 298.2 |
| 8 | 0.236 | 0.05 | 268.6 |

## In these collections

- [Winter](https://grabient.com/winter)

## Other forms

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