# Polar Twilight Winter Wedges

These five fan-shaped wedges move through near-black teal, dark blue-gray, bright cyan, periwinkle blue, and pale lavender. The broad value range supports both light and dark foreground marks while keeping every band distinctly cool. Use them for winter events, technology graphics, outdoor packaging, or editorial artwork inspired by polar twilight and clear frozen air.

- Also called: Analogous black, blue and lavender angular swatches
- Seed: `kWMheQIInBtiywtbscKbphDY`
- Page: https://grabient.com/kWMheQIInBtiywtbscKbphDY?style=angularSwatches&steps=5&angle=315
- Drawn as: angular swatches, 5 steps, 315 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 12 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 | `#01191c` | `oklch(19.69% 0.0317 202.50)` | Black Stallion | white, 18 to 1 |
| 2 | `#14262b` | `oklch(25.59% 0.0262 217.29)` | Sunken Ship | white, 15.6 to 1 |
| 3 | `#3ca6ec` | `oklch(69.69% 0.1392 241.60)` | Perfect Days | black, 7.8 to 1 |
| 4 | `#78a2fa` | `oklch(72.05% 0.1364 263.79)` | Fennel Flower | black, 8.3 to 1 |
| 5 | `#d6cdfd` | `oklch(87.01% 0.0661 293.38)` | Pale Lavender | black, 13.9 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #01191c 0.000% 20.000%, #14262b 20.000% 40.000%, #3ca6ec 40.000% 60.000%, #78a2fa 60.000% 80.000%, #d6cdfd 80.000% 100.000%);
background: conic-gradient(from 315deg, oklch(19.69% 0.0317 202.50) 0.000% 20.000%, oklch(25.59% 0.0262 217.29) 20.000% 40.000%, oklch(69.69% 0.1392 241.60) 40.000% 60.000%, oklch(72.05% 0.1364 263.79) 60.000% 80.000%, oklch(87.01% 0.0661 293.38) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.032 | 202.5 |
| 2 | 0.256 | 0.026 | 217.3 |
| 3 | 0.697 | 0.139 | 241.6 |
| 4 | 0.72 | 0.136 | 263.8 |
| 5 | 0.87 | 0.066 | 293.4 |

## In these collections

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

## Other forms

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