# False Sunrise palette

The False Sunrise palette brings together dark blue, blue, teal, gold, and orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is gold.

- Also called: Navy, green and brown linear gradient
- Seed: `kWOxfAu5q-16YuduojK0qa54`
- Page: https://grabient.com/kWOxfAu5q-16YuduojK0qa54?steps=32&angle=25
- Drawn as: linear gradient, 32 steps, 25 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 11.5 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 | `#181d2d` | `oklch(23.23% 0.0317 270.70)` | Hēi Sè Black | white, 16.8 to 1 |
| 2 | `#1b2133` | `oklch(25.09% 0.0353 270.25)` | Kon | white, 16 to 1 |
| 3 | `#20273c` | `oklch(27.55% 0.0406 269.97)` | Midnight Express | white, 14.8 to 1 |
| 4 | `#262e47` | `oklch(30.47% 0.0468 269.65)` | Latin Charm | white, 13.4 to 1 |
| 5 | `#2c3653` | `oklch(33.74% 0.0536 269.09)` | Mediaeval Blue | white, 11.9 to 1 |
| 6 | `#333f60` | `oklch(37.22% 0.0601 268.07)` | Gulf Blue | white, 10.4 to 1 |
| 7 | `#39496e` | `oklch(40.78% 0.0661 266.39)` | Egyptian Violet | white, 8.9 to 1 |
| 8 | `#3f537b` | `oklch(44.31% 0.0707 263.82)` | Deep Azure | white, 7.7 to 1 |
| 9 | `#445d86` | `oklch(47.69% 0.0735 260.19)` | Anchor Point | white, 6.6 to 1 |
| 10 | `#4a6891` | `oklch(51.24% 0.0745 255.90)` | Sea of Galilee | white, 5.6 to 1 |
| 11 | `#50759c` | `oklch(55.01% 0.0739 251.05)` | Secrecy | white, 4.8 to 1 |
| 12 | `#5882a6` | `oklch(58.89% 0.0724 245.54)` | Sapphired | black, 5.1 to 1 |
| 13 | `#608faf` | `oklch(62.76% 0.0705 239.25)` | Alpha Tango | black, 6 to 1 |
| 14 | `#679cb7` | `oklch(66.49% 0.0686 232.06)` | Lake Lucerne | black, 6.9 to 1 |
| 15 | `#6fa8bd` | `oklch(69.96% 0.0673 223.86)` | Milky Blue | black, 7.9 to 1 |
| 16 | `#75b3c2` | `oklch(73.05% 0.0671 214.53)` | Glacier | black, 8.9 to 1 |
| 17 | `#7bbdc4` | `oklch(75.71% 0.0683 203.77)` | Aqua Vitale | black, 9.9 to 1 |
| 18 | `#81c7c3` | `oklch(78.31% 0.0708 190.60)` | Booty Bay | black, 10.9 to 1 |
| 19 | `#8cd0be` | `oklch(80.80% 0.0741 175.58)` | Blue Frosting | black, 11.9 to 1 |
| 20 | `#9bd8b6` | `oklch(83.05% 0.0780 159.49)` | Nihilakh Oxide | black, 12.8 to 1 |
| 21 | `#aedcab` | `oklch(84.94% 0.0821 143.11)` | Fizz | black, 13.6 to 1 |
| 22 | `#c3dda0` | `oklch(86.33% 0.0862 127.24)` | Cactus Spike | black, 14.1 to 1 |
| 23 | `#d5db96` | `oklch(87.10% 0.0899 112.64)` | Vacation Island | black, 14.4 to 1 |
| 24 | `#e2d78e` | `oklch(87.13% 0.0930 100.11)` | Impetuous | black, 14.3 to 1 |
| 25 | `#eacf87` | `oklch(86.15% 0.0955 89.85)` | Sundress | black, 13.7 to 1 |
| 26 | `#ebc47f` | `oklch(83.94% 0.0977 80.79)` | Gold Buff | black, 12.7 to 1 |
| 27 | `#e8b676` | `oklch(80.85% 0.0996 72.81)` | Paloma Tan | black, 11.4 to 1 |
| 28 | `#e1a86d` | `oklch(77.24% 0.1013 65.84)` | Corn Maze | black, 10 to 1 |
| 29 | `#d99965` | `oklch(73.48% 0.1028 59.80)` | Folksy Gold | black, 8.7 to 1 |
| 30 | `#d08c5d` | `oklch(69.94% 0.1041 54.64)` | Grounded | black, 7.6 to 1 |
| 31 | `#c98158` | `oklch(66.98% 0.1052 50.29)` | Clove Bud | black, 6.7 to 1 |
| 32 | `#c47a55` | `oklch(64.96% 0.1061 46.67)` | Brown Clay | black, 6.2 to 1 |

## CSS

```css
background: linear-gradient(25deg, #181d2d 0.0%, #1b2133 3.2%, #20273c 6.5%, #262e47 9.7%, #2c3653 12.9%, #333f60 16.1%, #39496e 19.4%, #3f537b 22.6%, #445d86 25.8%, #4a6891 29.0%, #50759c 32.3%, #5882a6 35.5%, #608faf 38.7%, #679cb7 41.9%, #6fa8bd 45.2%, #75b3c2 48.4%, #7bbdc4 51.6%, #81c7c3 54.8%, #8cd0be 58.1%, #9bd8b6 61.3%, #aedcab 64.5%, #c3dda0 67.7%, #d5db96 71.0%, #e2d78e 74.2%, #eacf87 77.4%, #ebc47f 80.6%, #e8b676 83.9%, #e1a86d 87.1%, #d99965 90.3%, #d08c5d 93.5%, #c98158 96.8%, #c47a55 100.0%);
background: linear-gradient(25deg in oklch, oklch(23.23% 0.0317 270.70) 0.0%, oklch(25.09% 0.0353 270.25) 3.2%, oklch(27.55% 0.0406 269.97) 6.5%, oklch(30.47% 0.0468 269.65) 9.7%, oklch(33.74% 0.0536 269.09) 12.9%, oklch(37.22% 0.0601 268.07) 16.1%, oklch(40.78% 0.0661 266.39) 19.4%, oklch(44.31% 0.0707 263.82) 22.6%, oklch(47.69% 0.0735 260.19) 25.8%, oklch(51.24% 0.0745 255.90) 29.0%, oklch(55.01% 0.0739 251.05) 32.3%, oklch(58.89% 0.0724 245.54) 35.5%, oklch(62.76% 0.0705 239.25) 38.7%, oklch(66.49% 0.0686 232.06) 41.9%, oklch(69.96% 0.0673 223.86) 45.2%, oklch(73.05% 0.0671 214.53) 48.4%, oklch(75.71% 0.0683 203.77) 51.6%, oklch(78.31% 0.0708 190.60) 54.8%, oklch(80.80% 0.0741 175.58) 58.1%, oklch(83.05% 0.0780 159.49) 61.3%, oklch(84.94% 0.0821 143.11) 64.5%, oklch(86.33% 0.0862 127.24) 67.7%, oklch(87.10% 0.0899 112.64) 71.0%, oklch(87.13% 0.0930 100.11) 74.2%, oklch(86.15% 0.0955 89.85) 77.4%, oklch(83.94% 0.0977 80.79) 80.6%, oklch(80.85% 0.0996 72.81) 83.9%, oklch(77.24% 0.1013 65.84) 87.1%, oklch(73.48% 0.1028 59.80) 90.3%, oklch(69.94% 0.1041 54.64) 93.5%, oklch(66.98% 0.1052 50.29) 96.8%, oklch(64.96% 0.1061 46.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.032 | 270.7 |
| 2 | 0.469 | 0.073 | 261.2 |
| 3 | 0.744 | 0.068 | 209.4 |
| 4 | 0.87 | 0.094 | 97.4 |
| 5 | 0.65 | 0.106 | 46.7 |

## In these collections

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

## Other forms

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