# Mint and peach corridor bands

Four diagonal bands pair deep shadow blue with cool mint, faded yellow beige, and washed peach. The abrupt changes suggest pool tiles and empty corridors, while the warmer final band softens the institutional colors. This liminal palette suits architectural posters, atmospheric game interfaces, and editorial layouts about quiet public spaces.

- Also called: Navy, teal, beige and peach linear swatches
- Seed: `kUUyC24p8222Xtzjm7iA`
- Page: https://grabient.com/kUUyC24p8222Xtzjm7iA?style=linearSwatches&steps=4&angle=45
- Drawn as: linear swatches, 4 steps, 45 degrees
- Kinds: dark to light, pastel, light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 8.2 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 | `#26354b` | `oklch(32.68% 0.0441 256.64)` | Bunting | white, 12.3 to 1 |
| 2 | `#75c8b7` | `oklch(77.56% 0.0854 179.50)` | Shockwave | black, 10.7 to 1 |
| 3 | `#d7d5a4` | `oklch(86.22% 0.0648 105.53)` | Cream Cheese Avocado | black, 13.9 to 1 |
| 4 | `#e3a992` | `oklch(78.35% 0.0758 43.18)` | California Coral | black, 10.3 to 1 |

## CSS

```css
background: linear-gradient(45deg, #26354b 0.000% 25.000%, #75c8b7 25.000% 50.000%, #d7d5a4 50.000% 75.000%, #e3a992 75.000% 100.000%);
background: linear-gradient(45deg, oklch(32.68% 0.0441 256.64) 0.000% 25.000%, oklch(77.56% 0.0854 179.50) 25.000% 50.000%, oklch(86.22% 0.0648 105.53) 50.000% 75.000%, oklch(78.35% 0.0758 43.18) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.327 | 0.044 | 256.6 |
| 2 | 0.776 | 0.085 | 179.5 |
| 3 | 0.862 | 0.065 | 105.5 |
| 4 | 0.783 | 0.076 | 43.2 |

## In these collections

- [Liminal colors](https://grabient.com/liminal-colors)

## Other forms

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