# Lime and cobalt blue bright palette

The Lime and cobalt blue bright palette brings together green, teal, blue, magenta, and pale green. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is pale green.

- Also called: Rainbow from green to off-white linear swatches
- Seed: `kWwI1aUKfHsNAR7GTUr-QtRI`
- Page: https://grabient.com/kWwI1aUKfHsNAR7GTUr-QtRI?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: dark center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.7 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 | `#90c400` | `oklch(75.59% 0.1938 126.57)` | Bergamot | black, 10.1 to 1 |
| 2 | `#009f9b` | `oklch(63.39% 0.1088 192.08)` | Talismanic Teal | black, 6.4 to 1 |
| 3 | `#1767ce` | `oklch(52.76% 0.1764 257.60)` | Janitor | white, 5.4 to 1 |
| 4 | `#c41f82` | `oklch(55.12% 0.2122 350.59)` | Bramble Jam | white, 5.4 to 1 |
| 5 | `#e6f5e1` | `oklch(95.28% 0.0303 136.43)` | Weathered Mint | black, 18.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #90c400 0.000% 20.000%, #009f9b 20.000% 40.000%, #1767ce 40.000% 60.000%, #c41f82 60.000% 80.000%, #e6f5e1 80.000% 100.000%);
background: linear-gradient(180deg, oklch(75.59% 0.1938 126.57) 0.000% 20.000%, oklch(63.39% 0.1088 192.08) 20.000% 40.000%, oklch(52.76% 0.1764 257.60) 40.000% 60.000%, oklch(55.12% 0.2122 350.59) 60.000% 80.000%, oklch(95.28% 0.0303 136.43) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.756 | 0.194 | 126.6 |
| 2 | 0.634 | 0.109 | 192.1 |
| 3 | 0.528 | 0.176 | 257.6 |
| 4 | 0.551 | 0.212 | 350.6 |
| 5 | 0.953 | 0.03 | 496.4 |

## In these collections

- [Bright swatches](https://grabient.com/bright-swatches)

## Other forms

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