# Hot Pink Study Break

The Rose and teal color palette brings together magenta, blue, gold, and dark teal. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits stationery systems and print layouts. Its darkest tone is dark teal, and its lightest tone is gold.

- Also called: Pink, blue, yellow and black linear swatches
- Seed: `kUqKD5Rkw1-1Bq2ipM1A`
- Page: https://grabient.com/kUqKD5Rkw1-1Bq2ipM1A?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: light center, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.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 | `#ee46a5` | `oklch(66.14% 0.2205 350.16)` | Major Magenta | black, 6 to 1 |
| 2 | `#3663ea` | `oklch(55.12% 0.2094 265.62)` | Bluetiful | white, 5 to 1 |
| 3 | `#f9cb00` | `oklch(85.83% 0.1756 92.30)` | Toucan Gentleman | black, 13.6 to 1 |
| 4 | `#002d32` | `oklch(27.18% 0.0464 205.44)` | Black Chasm | white, 14.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ee46a5 0.000% 25.000%, #3663ea 25.000% 50.000%, #f9cb00 50.000% 75.000%, #002d32 75.000% 100.000%);
background: linear-gradient(90deg, oklch(66.14% 0.2205 350.16) 0.000% 25.000%, oklch(55.12% 0.2094 265.62) 25.000% 50.000%, oklch(85.83% 0.1756 92.30) 50.000% 75.000%, oklch(27.18% 0.0464 205.44) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.22 | 350.2 |
| 2 | 0.551 | 0.209 | 265.6 |
| 3 | 0.858 | 0.181 | 92.3 |
| 4 | 0.272 | 0.101 | 205.4 |

## In these collections

- [Back to school swatches](https://grabient.com/back-to-school-swatches)
- [Energetic swatches](https://grabient.com/energetic-swatches)
- [Happy swatches](https://grabient.com/happy-swatches)

## Other forms

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