# Custard orange berry wedges

Angular wedges move from pale custard to sunny yellow, orange, and berry red. The creamy first color softens the hot fruit tones, and the final berry wedge adds a darker candy-shell accent. Use this palette for citrus gummy wrappers, summer invitations, or cheerful product badges.

- Also called: Beige, yellow, orange and magenta angular swatches
- Seed: `kU9ClB7ju_lxDOxDwztA`
- Page: https://grabient.com/kU9ClB7ju_lxDOxDwztA?style=angularSwatches&steps=4&angle=141
- Drawn as: angular swatches, 4 steps, 141 degrees
- Kinds: light to dark, vivid, light, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.1 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 | `#fff2c9` | `oklch(96.06% 0.0547 92.12)` | Silent Ivory | black, 18.7 to 1 |
| 2 | `#fecc34` | `oklch(86.61% 0.1640 88.94)` | Golden Spell | black, 13.9 to 1 |
| 3 | `#ff7a25` | `oklch(72.44% 0.1845 47.73)` | Royal Oranje | black, 8 to 1 |
| 4 | `#bd2956` | `oklch(53.15% 0.1846 8.63)` | Raven’s Banquet | white, 5.8 to 1 |

## CSS

```css
background: conic-gradient(from 141deg, #fff2c9 0.000% 25.000%, #fecc34 25.000% 50.000%, #ff7a25 50.000% 75.000%, #bd2956 75.000% 100.000%);
background: conic-gradient(from 141deg, oklch(96.06% 0.0547 92.12) 0.000% 25.000%, oklch(86.61% 0.1640 88.94) 25.000% 50.000%, oklch(72.44% 0.1845 47.73) 50.000% 75.000%, oklch(53.15% 0.1846 8.63) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.056 | 92.1 |
| 2 | 0.866 | 0.164 | 88.9 |
| 3 | 0.724 | 0.185 | 47.7 |
| 4 | 0.531 | 0.185 | 8.6 |

## In these collections

- [Gummy candy swatches](https://grabient.com/gummy-candy-swatches)

## Other forms

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