# Blue light mode palette

The Blue light mode palette brings together pale blue, light blue, and blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is pale blue.

- Also called: Pastel monochrome blue linear swatches
- Seed: `kU6B-tZqG_1uuwHTNsCA`
- Page: https://grabient.com/kU6B-tZqG_1uuwHTNsCA?style=linearSwatches&steps=6&angle=0
- Drawn as: linear swatches, 6 steps, 0 degrees
- Kinds: pastel, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.4 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 | `#cbe6fd` | `oklch(91.34% 0.0427 243.28)` | Icy Landscape | black, 16.3 to 1 |
| 2 | `#a6d5fa` | `oklch(85.33% 0.0711 242.32)` | Malmö FF | black, 13.5 to 1 |
| 3 | `#7fc2f5` | `oklch(78.82% 0.1006 242.71)` | Maya Blue | black, 10.9 to 1 |
| 4 | `#63b1f2` | `oklch(73.62% 0.1221 245.45)` | Blue Jeans | black, 9 to 1 |
| 5 | `#4da0ed` | `oklch(68.91% 0.1390 248.74)` | Perfect Days | black, 7.5 to 1 |
| 6 | `#4193e8` | `oklch(65.35% 0.1502 251.74)` | Oregon Blue | black, 6.5 to 1 |

## CSS

```css
background: linear-gradient(0deg, #cbe6fd 0.000% 16.667%, #a6d5fa 16.667% 33.333%, #7fc2f5 33.333% 50.000%, #63b1f2 50.000% 66.667%, #4da0ed 66.667% 83.333%, #4193e8 83.333% 100.000%);
background: linear-gradient(0deg, oklch(91.34% 0.0427 243.28) 0.000% 16.667%, oklch(85.33% 0.0711 242.32) 16.667% 33.333%, oklch(78.82% 0.1006 242.71) 33.333% 50.000%, oklch(73.62% 0.1221 245.45) 50.000% 66.667%, oklch(68.91% 0.1390 248.74) 66.667% 83.333%, oklch(65.35% 0.1502 251.74) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.043 | 243.3 |
| 2 | 0.807 | 0.092 | 242.2 |
| 3 | 0.72 | 0.128 | 246.5 |
| 4 | 0.654 | 0.15 | 251.7 |

## In these collections

- [Light mode color palette](https://grabient.com/light-mode-color-palette)
- [Shade swatches](https://grabient.com/shade-swatches)

## Other forms

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