# Poster Circle palette

The Poster Circle palette brings together dark blue, gold, red, and pale orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits poster layouts and editorial spreads. Its darkest tone is dark blue, and its lightest tone is pale orange.

- Also called: Navy, yellow, red and gray radial swatches
- Seed: `kUQyO1bbwuNNCt52ikWA`
- Page: https://grabient.com/kUQyO1bbwuNNCt52ikWA?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: light center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 12.6 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 | `#14263c` | `oklch(26.38% 0.0482 254.53)` | Cool Balaclavas Are Forever | white, 15.3 to 1 |
| 2 | `#e3d63b` | `oklch(86.22% 0.1654 104.47)` | Citrus Sugar | black, 14 to 1 |
| 3 | `#ea5b3d` | `oklch(65.35% 0.1833 33.67)` | Day Glow Orange | black, 6 to 1 |
| 4 | `#f2e7d5` | `oklch(93.31% 0.0276 81.22)` | Rice Bowl | black, 17.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #14263c 0.000% 25.000%, #e3d63b 25.000% 50.000%, #ea5b3d 50.000% 75.000%, #f2e7d5 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(26.38% 0.0482 254.53) 0.000% 25.000%, oklch(86.22% 0.1654 104.47) 25.000% 50.000%, oklch(65.35% 0.1833 33.67) 50.000% 75.000%, oklch(93.31% 0.0276 81.22) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.048 | 254.5 |
| 2 | 0.862 | 0.165 | 104.5 |
| 3 | 0.654 | 0.183 | 33.7 |
| 4 | 0.933 | 0.028 | 81.2 |

## In these collections

- [Zine colors](https://grabient.com/zine-colors)

## Other forms

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