# Cyan Navy Winter Wedges

These 4 fan-shaped wedges move through icy blue, bright cyan, deep navy, and teal. The separated colors provide clear roles for backgrounds, headings, borders, icons, and small accents while preserving the collection's visual character. Use them for posters, packaging, editorial layouts, presentation graphics, or interface elements that need a coordinated palette with practical contrast.

- Also called: Analogous light blue, teal and navy angular swatches
- Seed: `kUwUC8YCy3SKsyE9nLeA`
- Page: https://grabient.com/kUwUC8YCy3SKsyE9nLeA?style=angularSwatches&steps=4&angle=240
- Drawn as: angular swatches, 4 steps, 240 degrees
- Kinds: vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#95b1ea` | `oklch(75.98% 0.0882 264.37)` | Blue Skies Today | black, 9.7 to 1 |
| 2 | `#2ac8c3` | `oklch(75.59% 0.1226 191.46)` | Swimmers Pool | black, 10.1 to 1 |
| 3 | `#011f61` | `oklch(27.17% 0.1226 262.26)` | Midnight Melancholia | white, 15.3 to 1 |
| 4 | `#126d6a` | `oklch(48.43% 0.0785 191.46)` | Pine Scented Lagoon | white, 6.1 to 1 |

## CSS

```css
background: conic-gradient(from 240deg, #95b1ea 0.000% 25.000%, #2ac8c3 25.000% 50.000%, #011f61 50.000% 75.000%, #126d6a 75.000% 100.000%);
background: conic-gradient(from 240deg, oklch(75.98% 0.0882 264.37) 0.000% 25.000%, oklch(75.59% 0.1226 191.46) 25.000% 50.000%, oklch(27.17% 0.1226 262.26) 50.000% 75.000%, oklch(48.43% 0.0785 191.46) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.76 | 0.088 | 264.4 |
| 2 | 0.756 | 0.123 | 191.5 |
| 3 | 0.272 | 0.123 | 262.3 |
| 4 | 0.484 | 0.079 | 191.5 |

## In these collections

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

## Other forms

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