# Coral red yellow blue and cream wedges

Four angular swatches pair coral red, golden yellow, strong blue, and warm cream. The crisp wedges keep each color separate while cream softens the bright primary-color arrangement. This palette suits playful posters, educational illustrations, retro-inspired graphics, geometric patterns, and simple editorial artwork built from clear contrasting blocks of color.

- Also called: Red, yellow, blue and beige angular swatches
- Seed: `kUposWablHby00z2kCug`
- Page: https://grabient.com/kUposWablHby00z2kCug?style=angularSwatches&steps=4&angle=135
- Drawn as: angular swatches, 4 steps, 135 degrees
- Kinds: dark center, vivid
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 5.5 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 | `#ee5640` | `oklch(65.35% 0.1915 30.94)` | Fuego | black, 6 to 1 |
| 2 | `#e9c533` | `oklch(83.07% 0.1571 94.34)` | Thai Temple | black, 12.4 to 1 |
| 3 | `#1c5aac` | `oklch(47.64% 0.1447 257.08)` | Bottled Sea | white, 6.7 to 1 |
| 4 | `#f6e7c8` | `oklch(93.31% 0.0441 85.89)` | Rice Wine | black, 17.2 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #ee5640 0.000% 25.000%, #e9c533 25.000% 50.000%, #1c5aac 50.000% 75.000%, #f6e7c8 75.000% 100.000%);
background: conic-gradient(from 135deg, oklch(65.35% 0.1915 30.94) 0.000% 25.000%, oklch(83.07% 0.1571 94.34) 25.000% 50.000%, oklch(47.64% 0.1447 257.08) 50.000% 75.000%, oklch(93.31% 0.0441 85.89) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.654 | 0.192 | 30.9 |
| 2 | 0.831 | 0.157 | 94.3 |
| 3 | 0.476 | 0.145 | 257.1 |
| 4 | 0.933 | 0.044 | 85.9 |

## In these collections

- [Primary color swatches](https://grabient.com/primary-color-swatches)

## Other forms

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