# Peppermint candy swirl

Bright candy red alternates with white in crisp wedges around a center point, like a wrapped peppermint. Simple, high contrast and festive. Use for holiday graphics, retro Christmas branding and playful patterns.

- Also called: White and red angular swatches
- Seed: `kc9gcOScVA3sDvxJxUDewO_EnFQN7A78ScVAw`
- Page: https://grabient.com/kc9gcOScVA3sDvxJxUDewO_EnFQN7A78ScVAw?style=angularSwatches&steps=8&angle=0
- Drawn as: angular swatches, 8 steps, 0 degrees
- Kinds: vivid, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.3 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 | `#fbf2f2` | `oklch(96.85% 0.0096 19.69)` | Ivory Tower | black, 19.1 to 1 |
| 2 | `#d33b35` | `oklch(57.87% 0.1902 27.08)` | Blade Runner Red | white, 4.7 to 1 |
| 3 | `#fbf2f2` | `oklch(96.85% 0.0096 19.69)` | Ivory Tower | black, 19.1 to 1 |
| 4 | `#d33b35` | `oklch(57.87% 0.1902 27.08)` | Blade Runner Red | white, 4.7 to 1 |
| 5 | `#fbf2f2` | `oklch(96.85% 0.0096 19.69)` | Ivory Tower | black, 19.1 to 1 |
| 6 | `#d33b35` | `oklch(57.87% 0.1902 27.08)` | Blade Runner Red | white, 4.7 to 1 |
| 7 | `#fbf2f2` | `oklch(96.85% 0.0096 19.69)` | Ivory Tower | black, 19.1 to 1 |
| 8 | `#d33b35` | `oklch(57.87% 0.1902 27.08)` | Blade Runner Red | white, 4.7 to 1 |

## CSS

```css
background: conic-gradient(from 0deg, #fbf2f2 0.000% 12.500%, #d33b35 12.500% 25.000%, #fbf2f2 25.000% 37.500%, #d33b35 37.500% 50.000%, #fbf2f2 50.000% 62.500%, #d33b35 62.500% 75.000%, #fbf2f2 75.000% 87.500%, #d33b35 87.500% 100.000%);
background: conic-gradient(from 0deg, oklch(96.85% 0.0096 19.69) 0.000% 12.500%, oklch(57.87% 0.1902 27.08) 12.500% 25.000%, oklch(96.85% 0.0096 19.69) 25.000% 37.500%, oklch(57.87% 0.1902 27.08) 37.500% 50.000%, oklch(96.85% 0.0096 19.69) 50.000% 62.500%, oklch(57.87% 0.1902 27.08) 62.500% 75.000%, oklch(96.85% 0.0096 19.69) 75.000% 87.500%, oklch(57.87% 0.1902 27.08) 87.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.01 | 19.7 |
| 2 | 0.579 | 0.19 | 27.1 |
| 3 | 0.969 | 0.01 | 19.7 |
| 4 | 0.579 | 0.19 | 27.1 |
| 5 | 0.969 | 0.01 | 19.7 |
| 6 | 0.579 | 0.19 | 27.1 |
| 7 | 0.969 | 0.01 | 19.7 |
| 8 | 0.579 | 0.19 | 27.1 |

## In these collections

- [Vintage Christmas color palette](https://grabient.com/vintage-christmas-color-palette)
- [Red swatches](https://grabient.com/red-swatches)

## Other forms

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