# Mint and navy rainbow loop palette

The Mint and navy rainbow loop palette brings together light green, gold, orange, red, dark blue, and blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is dark blue, and its lightest tone is light green.

- Also called: Seamless rainbow linear swatches
- Seed: `kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o`
- Page: https://grabient.com/kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o?style=linearSwatches&steps=34
- Drawn as: linear swatches, 34 steps, 90 degrees
- Kinds: dark center, vivid, rainbow, seamless
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 9.6 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 | `#9ed993` | `oklch(82.68% 0.1130 140.62)` | Retro | black, 12.7 to 1 |
| 2 | `#a6d486` | `oklch(81.97% 0.1154 133.07)` | Feijoa | black, 12.4 to 1 |
| 3 | `#b4ce74` | `oklch(81.06% 0.1187 122.29)` | Davao Green | black, 11.9 to 1 |
| 4 | `#c2c461` | `oklch(79.80% 0.1227 109.94)` | Powdered Green Tea | black, 11.3 to 1 |
| 5 | `#ceb84e` | `oklch(78.04% 0.1273 97.68)` | Limón Fresco | black, 10.5 to 1 |
| 6 | `#d4aa3c` | `oklch(75.60% 0.1325 87.05)` | Brassy Tint | black, 9.5 to 1 |
| 7 | `#d69927` | `oklch(72.42% 0.1400 77.09)` | New England Autumn | black, 8.4 to 1 |
| 8 | `#d6850c` | `oklch(68.64% 0.1487 67.39)` | Dulce de Leche | black, 7.2 to 1 |
| 9 | `#d17100` | `oklch(64.48% 0.1540 58.20)` | Autumn Maple | black, 6 to 1 |
| 10 | `#c95d00` | `oklch(60.14% 0.1594 49.82)` | Kvass | black, 5 to 1 |
| 11 | `#bc4b0b` | `oklch(55.62% 0.1597 43.07)` | Brick Orange | white, 5 to 1 |
| 12 | `#a93c0e` | `oklch(50.45% 0.1525 39.33)` | Rust | white, 6.3 to 1 |
| 13 | `#942e0e` | `oklch(45.07% 0.1424 36.36)` | Hawaiian Malasada | white, 7.9 to 1 |
| 14 | `#802112` | `oklch(40.03% 0.1327 31.48)` | Mahogany Brown | white, 9.8 to 1 |
| 15 | `#71131c` | `oklch(35.91% 0.1271 22.03)` | Arterial | white, 11.5 to 1 |
| 16 | `#64042c` | `oklch(32.71% 0.1269 5.01)` | Spring Lobster | white, 13.1 to 1 |
| 17 | `#540040` | `oklch(29.94% 0.1293 341.32)` | Royal Ash | white, 14.4 to 1 |
| 18 | `#400154` | `oklch(27.91% 0.1353 315.49)` | Ripe Plum | white, 15.5 to 1 |
| 19 | `#2d0664` | `oklch(27.06% 0.1418 292.17)` | Infinite Inkwell | white, 15.8 to 1 |
| 20 | `#1c116f` | `oklch(27.77% 0.1484 275.91)` | 20000 Leagues Under the Sea | white, 15.4 to 1 |
| 21 | `#101d7d` | `oklch(30.52% 0.1584 267.77)` | Long-Haul Flight | white, 14 to 1 |
| 22 | `#0b2a91` | `oklch(34.86% 0.1710 264.66)` | Blue Torus | white, 11.9 to 1 |
| 23 | `#0e39a8` | `oklch(40.04% 0.1821 263.72)` | Royal Azure | white, 9.6 to 1 |
| 24 | `#114abc` | `oklch(45.29% 0.1880 262.06)` | Absolute Zero | white, 7.6 to 1 |
| 25 | `#005ec7` | `oklch(50.02% 0.1804 257.40)` | Amnesia Blue | white, 6.1 to 1 |
| 26 | `#0072cd` | `oklch(54.93% 0.1646 252.04)` | Wizard Blue | white, 4.8 to 1 |
| 27 | `#1186d3` | `oklch(59.95% 0.1497 246.08)` | Calgar Blue | black, 5.3 to 1 |
| 28 | `#2e98d3` | `oklch(64.76% 0.1285 238.72)` | Boyzone | black, 6.5 to 1 |
| 29 | `#41a8d3` | `oklch(69.01% 0.1120 229.13)` | Mystic Blue | black, 7.7 to 1 |
| 30 | `#4ab6cf` | `oklch(72.54% 0.1035 215.68)` | Teal Moiré | black, 8.9 to 1 |
| 31 | `#55c3c6` | `oklch(75.62% 0.0999 197.41)` | Gem Turquoise | black, 10 to 1 |
| 32 | `#6acdb8` | `oklch(78.24% 0.0991 177.65)` | Kinetic Teal | black, 11 to 1 |
| 33 | `#83d3a9` | `oklch(80.34% 0.0994 159.90)` | Pharaoh’s Jade | black, 11.8 to 1 |
| 34 | `#98d69f` | `oklch(81.89% 0.0992 147.67)` | Green Ash | black, 12.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #9ed993 0.000% 2.941%, #a6d486 2.941% 5.882%, #b4ce74 5.882% 8.824%, #c2c461 8.824% 11.765%, #ceb84e 11.765% 14.706%, #d4aa3c 14.706% 17.647%, #d69927 17.647% 20.588%, #d6850c 20.588% 23.529%, #d17100 23.529% 26.471%, #c95d00 26.471% 29.412%, #bc4b0b 29.412% 32.353%, #a93c0e 32.353% 35.294%, #942e0e 35.294% 38.235%, #802112 38.235% 41.176%, #71131c 41.176% 44.118%, #64042c 44.118% 47.059%, #540040 47.059% 50.000%, #400154 50.000% 52.941%, #2d0664 52.941% 55.882%, #1c116f 55.882% 58.824%, #101d7d 58.824% 61.765%, #0b2a91 61.765% 64.706%, #0e39a8 64.706% 67.647%, #114abc 67.647% 70.588%, #005ec7 70.588% 73.529%, #0072cd 73.529% 76.471%, #1186d3 76.471% 79.412%, #2e98d3 79.412% 82.353%, #41a8d3 82.353% 85.294%, #4ab6cf 85.294% 88.235%, #55c3c6 88.235% 91.176%, #6acdb8 91.176% 94.118%, #83d3a9 94.118% 97.059%, #98d69f 97.059% 100.000%);
background: linear-gradient(90deg, oklch(82.68% 0.1130 140.62) 0.000% 2.941%, oklch(81.97% 0.1154 133.07) 2.941% 5.882%, oklch(81.06% 0.1187 122.29) 5.882% 8.824%, oklch(79.80% 0.1227 109.94) 8.824% 11.765%, oklch(78.04% 0.1273 97.68) 11.765% 14.706%, oklch(75.60% 0.1325 87.05) 14.706% 17.647%, oklch(72.42% 0.1400 77.09) 17.647% 20.588%, oklch(68.64% 0.1487 67.39) 20.588% 23.529%, oklch(64.48% 0.1540 58.20) 23.529% 26.471%, oklch(60.14% 0.1594 49.82) 26.471% 29.412%, oklch(55.62% 0.1597 43.07) 29.412% 32.353%, oklch(50.45% 0.1525 39.33) 32.353% 35.294%, oklch(45.07% 0.1424 36.36) 35.294% 38.235%, oklch(40.03% 0.1327 31.48) 38.235% 41.176%, oklch(35.91% 0.1271 22.03) 41.176% 44.118%, oklch(32.71% 0.1269 5.01) 44.118% 47.059%, oklch(29.94% 0.1293 341.32) 47.059% 50.000%, oklch(27.91% 0.1353 315.49) 50.000% 52.941%, oklch(27.06% 0.1418 292.17) 52.941% 55.882%, oklch(27.77% 0.1484 275.91) 55.882% 58.824%, oklch(30.52% 0.1584 267.77) 58.824% 61.765%, oklch(34.86% 0.1710 264.66) 61.765% 64.706%, oklch(40.04% 0.1821 263.72) 64.706% 67.647%, oklch(45.29% 0.1880 262.06) 67.647% 70.588%, oklch(50.02% 0.1804 257.40) 70.588% 73.529%, oklch(54.93% 0.1646 252.04) 73.529% 76.471%, oklch(59.95% 0.1497 246.08) 76.471% 79.412%, oklch(64.76% 0.1285 238.72) 79.412% 82.353%, oklch(69.01% 0.1120 229.13) 82.353% 85.294%, oklch(72.54% 0.1035 215.68) 85.294% 88.235%, oklch(75.62% 0.0999 197.41) 88.235% 91.176%, oklch(78.24% 0.0991 177.65) 91.176% 94.118%, oklch(80.34% 0.0994 159.90) 94.118% 97.059%, oklch(81.89% 0.0992 147.67) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.113 | 140.6 |
| 2 | 0.764 | 0.131 | 89.9 |
| 3 | 0.583 | 0.161 | 46.6 |
| 4 | 0.354 | 0.127 | 20.2 |
| 5 | 0.276 | 0.147 | -82.3 |
| 6 | 0.48 | 0.187 | -100.3 |
| 7 | 0.701 | 0.109 | -134.1 |
| 8 | 0.819 | 0.099 | -212.3 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)
- [Rainbow loop gradients](https://grabient.com/rainbow-loop-gradients)

## Other forms

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