# Hibiscus pink and summer sky bands

Deep hibiscus pink, bright rose, warm golden peach, clear aqua, and summer blue create five lively bands. The sequence crosses from saturated flower color through sunlight into cool sky and water, keeping every step distinct. It works for festival graphics, swimwear patterns, vacation editorial art, or seasonal packaging.

- Also called: Vivid pink, peach, light blue and blue linear swatches
- Seed: `kWlpcCXr4_m0tyRopE-SC_FQ`
- Page: https://grabient.com/kWlpcCXr4_m0tyRopE-SC_FQ?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.9 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 | `#d82f72` | `oklch(59.06% 0.2081 2.81)` | Beetroot Purple | white, 4.5 to 1 |
| 2 | `#ff78a8` | `oklch(74.41% 0.1701 359.64)` | Pico-8 Pink | black, 8.5 to 1 |
| 3 | `#ffc56c` | `oklch(85.83% 0.1254 76.79)` | Chanterelle | black, 13.4 to 1 |
| 4 | `#6fd7e7` | `oklch(82.28% 0.0992 208.88)` | Turquoise Sea | black, 12.5 to 1 |
| 5 | `#3a78c1` | `oklch(56.69% 0.1309 254.32)` | Windows Blue | black, 4.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d82f72 0.000% 20.000%, #ff78a8 20.000% 40.000%, #ffc56c 40.000% 60.000%, #6fd7e7 60.000% 80.000%, #3a78c1 80.000% 100.000%);
background: linear-gradient(90deg, oklch(59.06% 0.2081 2.81) 0.000% 20.000%, oklch(74.41% 0.1701 359.64) 20.000% 40.000%, oklch(85.83% 0.1254 76.79) 40.000% 60.000%, oklch(82.28% 0.0992 208.88) 60.000% 80.000%, oklch(56.69% 0.1309 254.32) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.591 | 0.208 | 2.8 |
| 2 | 0.744 | 0.171 | -0.4 |
| 3 | 0.858 | 0.125 | 76.8 |
| 4 | 0.823 | 0.099 | 208.9 |
| 5 | 0.567 | 0.131 | 254.3 |

## In these collections

- [Summer swatches](https://grabient.com/summer-swatches)

## Other forms

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