# Pale mint navy diagonal scale

Tritone navy, teal and beige linear gradient with 64 colors: #09183b, #09183b, #0a193b, #0b193c, #0b193c, #0c193c, #0d193c, #0e183c, #0f183c, #10183c, #11183c, #12183c, #13183c, #13173c, #14173c, #15183c, #16183c, #17183c, #18183d, #19193d, #1a193e, #1b1a3f, #1c1b40, #1d1c41, #1e1e42, #1f1f44, #202146, #212348, #22254a, #23284d, #242b50, #252e53, #263257, #27365a, #273b5f, #284063, #294668, #2a4c6d, #2b5372, #2d5a76, #2e627b, #31697f, #357183, #397a87, #3f828b, #468a8e, #4e9291, #589b93, #62a396, #6daa98, #79b29a, #85b99c, #91c09e, #9dc7a0, #a9cda2, #b5d3a5, #c1d9a7, #ccdeaa, #d7e3ae, #e0e7b1, #eaebb4, #f2efb7, #f9f2bb, #fff5be. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone navy, teal and beige linear gradient
- Seed: `kSODO7qJjAvqaK6`
- Page: https://grabient.com/kSODO7qJjAvqaK6?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark to light, dark, cool
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 15.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 | `#09183b` | `oklch(22.05% 0.0703 263.67)` | Maastricht Blue | white, 17.4 to 1 |
| 2 | `#09183b` | `oklch(22.19% 0.0702 263.87)` | Maastricht Blue | white, 17.3 to 1 |
| 3 | `#0a193b` | `oklch(22.29% 0.0702 264.23)` | Maastricht Blue | white, 17.3 to 1 |
| 4 | `#0b193c` | `oklch(22.38% 0.0701 264.76)` | Maastricht Blue | white, 17.2 to 1 |
| 5 | `#0b193c` | `oklch(22.44% 0.0700 265.42)` | Maastricht Blue | white, 17.2 to 1 |
| 6 | `#0c193c` | `oklch(22.48% 0.0699 266.20)` | Maastricht Blue | white, 17.2 to 1 |
| 7 | `#0d193c` | `oklch(22.50% 0.0698 267.09)` | Maastricht Blue | white, 17.2 to 1 |
| 8 | `#0e183c` | `oklch(22.52% 0.0697 268.06)` | Maastricht Blue | white, 17.2 to 1 |
| 9 | `#0f183c` | `oklch(22.53% 0.0696 269.11)` | Maastricht Blue | white, 17.2 to 1 |
| 10 | `#10183c` | `oklch(22.55% 0.0695 270.20)` | Nightwalker | white, 17.2 to 1 |
| 11 | `#11183c` | `oklch(22.56% 0.0694 271.32)` | Nightwalker | white, 17.2 to 1 |
| 12 | `#12183c` | `oklch(22.58% 0.0692 272.46)` | Nightwalker | white, 17.2 to 1 |
| 13 | `#13183c` | `oklch(22.62% 0.0691 273.60)` | Nightwalker | white, 17.2 to 1 |
| 14 | `#13173c` | `oklch(22.67% 0.0690 274.72)` | Lost in Sadness | white, 17.2 to 1 |
| 15 | `#14173c` | `oklch(22.74% 0.0689 275.80)` | Lost in Sadness | white, 17.1 to 1 |
| 16 | `#15183c` | `oklch(22.84% 0.0687 276.82)` | Nightwalker | white, 17.1 to 1 |
| 17 | `#16183c` | `oklch(22.97% 0.0686 277.77)` | Nightwalker | white, 17.1 to 1 |
| 18 | `#17183c` | `oklch(23.13% 0.0685 278.63)` | Nightwalker | white, 17 to 1 |
| 19 | `#18183d` | `oklch(23.33% 0.0684 279.38)` | Nightwalker | white, 16.9 to 1 |
| 20 | `#19193d` | `oklch(23.57% 0.0682 280.01)` | Nightwalker | white, 16.8 to 1 |
| 21 | `#1a193e` | `oklch(23.85% 0.0681 280.49)` | Nightwalker | white, 16.7 to 1 |
| 22 | `#1b1a3f` | `oklch(24.19% 0.0680 280.81)` | Nightwalker | white, 16.5 to 1 |
| 23 | `#1c1b40` | `oklch(24.58% 0.0679 280.96)` | Konkikyō Blue | white, 16.4 to 1 |
| 24 | `#1d1c41` | `oklch(25.04% 0.0678 280.90)` | Konkikyō Blue | white, 16.2 to 1 |
| 25 | `#1e1e42` | `oklch(25.55% 0.0678 280.63)` | Konkikyō Blue | white, 15.9 to 1 |
| 26 | `#1f1f44` | `oklch(26.14% 0.0677 280.13)` | Konkikyō Blue | white, 15.6 to 1 |
| 27 | `#202146` | `oklch(26.79% 0.0676 279.38)` | Black Market | white, 15.3 to 1 |
| 28 | `#212348` | `oklch(27.53% 0.0676 278.37)` | Black Market | white, 15 to 1 |
| 29 | `#22254a` | `oklch(28.34% 0.0675 277.07)` | Fainting Light | white, 14.6 to 1 |
| 30 | `#23284d` | `oklch(29.24% 0.0675 275.46)` | Space Cadet | white, 14.1 to 1 |
| 31 | `#242b50` | `oklch(30.23% 0.0675 273.54)` | Wahoo | white, 13.6 to 1 |
| 32 | `#252e53` | `oklch(31.31% 0.0675 271.28)` | Lucky Point | white, 13.1 to 1 |
| 33 | `#263257` | `oklch(32.50% 0.0675 268.64)` | Boatswain | white, 12.5 to 1 |
| 34 | `#27365a` | `oklch(33.85% 0.0676 265.51)` | Midnight Escapade | white, 11.9 to 1 |
| 35 | `#273b5f` | `oklch(35.36% 0.0676 261.90)` | Midnight Sleigh | white, 11.2 to 1 |
| 36 | `#284063` | `oklch(37.02% 0.0677 257.84)` | Elmer’s Echo | white, 10.4 to 1 |
| 37 | `#294668` | `oklch(38.81% 0.0678 253.38)` | Commodore | white, 9.6 to 1 |
| 38 | `#2a4c6d` | `oklch(40.72% 0.0679 248.53)` | Blue Tang | white, 8.8 to 1 |
| 39 | `#2b5372` | `oklch(42.75% 0.0680 243.33)` | Midnight Sonata | white, 8.1 to 1 |
| 40 | `#2d5a76` | `oklch(44.88% 0.0681 237.82)` | Mountain Lake | white, 7.3 to 1 |
| 41 | `#2e627b` | `oklch(47.09% 0.0682 232.04)` | Berry Blue | white, 6.6 to 1 |
| 42 | `#31697f` | `oklch(49.39% 0.0684 226.00)` | Byron Place | white, 6 to 1 |
| 43 | `#357183` | `oklch(51.75% 0.0685 219.76)` | Oceanic Metropolis | white, 5.4 to 1 |
| 44 | `#397a87` | `oklch(54.17% 0.0687 213.33)` | Mysterious Blue | white, 4.8 to 1 |
| 45 | `#3f828b` | `oklch(56.63% 0.0689 206.76)` | Shady Blue | black, 4.7 to 1 |
| 46 | `#468a8e` | `oklch(59.12% 0.0690 200.08)` | Flounce | black, 5.2 to 1 |
| 47 | `#4e9291` | `oklch(61.63% 0.0692 193.32)` | Mirage Lake | black, 5.8 to 1 |
| 48 | `#589b93` | `oklch(64.16% 0.0694 186.52)` | Caulerpa Lentillifera | black, 6.4 to 1 |
| 49 | `#62a396` | `oklch(66.68% 0.0695 179.70)` | Emerald Oasis | black, 7.1 to 1 |
| 50 | `#6daa98` | `oklch(69.19% 0.0697 172.90)` | Peacock Silk | black, 7.8 to 1 |
| 51 | `#79b29a` | `oklch(71.67% 0.0699 166.16)` | Beau Monde | black, 8.6 to 1 |
| 52 | `#85b99c` | `oklch(74.11% 0.0701 159.51)` | Garden View | black, 9.4 to 1 |
| 53 | `#91c09e` | `oklch(76.51% 0.0702 152.99)` | Green-Eyed Lady | black, 10.2 to 1 |
| 54 | `#9dc7a0` | `oklch(78.85% 0.0704 146.61)` | French Market | black, 11 to 1 |
| 55 | `#a9cda2` | `oklch(81.12% 0.0706 140.43)` | Limestoned | black, 11.9 to 1 |
| 56 | `#b5d3a5` | `oklch(83.31% 0.0707 134.47)` | Apium | black, 12.8 to 1 |
| 57 | `#c1d9a7` | `oklch(85.40% 0.0709 128.76)` | Winter Willow Green | black, 13.7 to 1 |
| 58 | `#ccdeaa` | `oklch(87.38% 0.0710 123.35)` | Viridine Green | black, 14.5 to 1 |
| 59 | `#d7e3ae` | `oklch(89.25% 0.0712 118.26)` | Cocktail Onion | black, 15.4 to 1 |
| 60 | `#e0e7b1` | `oklch(91.00% 0.0713 113.52)` | Lichen Gold | black, 16.2 to 1 |
| 61 | `#eaebb4` | `oklch(92.60% 0.0714 109.18)` | Mystic Melon | black, 17 to 1 |
| 62 | `#f2efb7` | `oklch(94.05% 0.0715 105.26)` | Sarawak White Pepper | black, 17.7 to 1 |
| 63 | `#f9f2bb` | `oklch(95.34% 0.0716 101.79)` | Turkish Ginger | black, 18.4 to 1 |
| 64 | `#fff5be` | `oklch(96.46% 0.0710 98.83)` | Gentle Yellow | black, 19 to 1 |

## CSS

```css
background: linear-gradient(225deg, #09183b 0.0%, #09183b 1.6%, #0a193b 3.2%, #0b193c 4.8%, #0b193c 6.3%, #0c193c 7.9%, #0d193c 9.5%, #0e183c 11.1%, #0f183c 12.7%, #10183c 14.3%, #11183c 15.9%, #12183c 17.5%, #13183c 19.0%, #13173c 20.6%, #14173c 22.2%, #15183c 23.8%, #16183c 25.4%, #17183c 27.0%, #18183d 28.6%, #19193d 30.2%, #1a193e 31.7%, #1b1a3f 33.3%, #1c1b40 34.9%, #1d1c41 36.5%, #1e1e42 38.1%, #1f1f44 39.7%, #202146 41.3%, #212348 42.9%, #22254a 44.4%, #23284d 46.0%, #242b50 47.6%, #252e53 49.2%, #263257 50.8%, #27365a 52.4%, #273b5f 54.0%, #284063 55.6%, #294668 57.1%, #2a4c6d 58.7%, #2b5372 60.3%, #2d5a76 61.9%, #2e627b 63.5%, #31697f 65.1%, #357183 66.7%, #397a87 68.3%, #3f828b 69.8%, #468a8e 71.4%, #4e9291 73.0%, #589b93 74.6%, #62a396 76.2%, #6daa98 77.8%, #79b29a 79.4%, #85b99c 81.0%, #91c09e 82.5%, #9dc7a0 84.1%, #a9cda2 85.7%, #b5d3a5 87.3%, #c1d9a7 88.9%, #ccdeaa 90.5%, #d7e3ae 92.1%, #e0e7b1 93.7%, #eaebb4 95.2%, #f2efb7 96.8%, #f9f2bb 98.4%, #fff5be 100.0%);
background: linear-gradient(225deg in oklch, oklch(22.05% 0.0703 263.67) 0.0%, oklch(22.19% 0.0702 263.87) 1.6%, oklch(22.29% 0.0702 264.23) 3.2%, oklch(22.38% 0.0701 264.76) 4.8%, oklch(22.44% 0.0700 265.42) 6.3%, oklch(22.48% 0.0699 266.20) 7.9%, oklch(22.50% 0.0698 267.09) 9.5%, oklch(22.52% 0.0697 268.06) 11.1%, oklch(22.53% 0.0696 269.11) 12.7%, oklch(22.55% 0.0695 270.20) 14.3%, oklch(22.56% 0.0694 271.32) 15.9%, oklch(22.58% 0.0692 272.46) 17.5%, oklch(22.62% 0.0691 273.60) 19.0%, oklch(22.67% 0.0690 274.72) 20.6%, oklch(22.74% 0.0689 275.80) 22.2%, oklch(22.84% 0.0687 276.82) 23.8%, oklch(22.97% 0.0686 277.77) 25.4%, oklch(23.13% 0.0685 278.63) 27.0%, oklch(23.33% 0.0684 279.38) 28.6%, oklch(23.57% 0.0682 280.01) 30.2%, oklch(23.85% 0.0681 280.49) 31.7%, oklch(24.19% 0.0680 280.81) 33.3%, oklch(24.58% 0.0679 280.96) 34.9%, oklch(25.04% 0.0678 280.90) 36.5%, oklch(25.55% 0.0678 280.63) 38.1%, oklch(26.14% 0.0677 280.13) 39.7%, oklch(26.79% 0.0676 279.38) 41.3%, oklch(27.53% 0.0676 278.37) 42.9%, oklch(28.34% 0.0675 277.07) 44.4%, oklch(29.24% 0.0675 275.46) 46.0%, oklch(30.23% 0.0675 273.54) 47.6%, oklch(31.31% 0.0675 271.28) 49.2%, oklch(32.50% 0.0675 268.64) 50.8%, oklch(33.85% 0.0676 265.51) 52.4%, oklch(35.36% 0.0676 261.90) 54.0%, oklch(37.02% 0.0677 257.84) 55.6%, oklch(38.81% 0.0678 253.38) 57.1%, oklch(40.72% 0.0679 248.53) 58.7%, oklch(42.75% 0.0680 243.33) 60.3%, oklch(44.88% 0.0681 237.82) 61.9%, oklch(47.09% 0.0682 232.04) 63.5%, oklch(49.39% 0.0684 226.00) 65.1%, oklch(51.75% 0.0685 219.76) 66.7%, oklch(54.17% 0.0687 213.33) 68.3%, oklch(56.63% 0.0689 206.76) 69.8%, oklch(59.12% 0.0690 200.08) 71.4%, oklch(61.63% 0.0692 193.32) 73.0%, oklch(64.16% 0.0694 186.52) 74.6%, oklch(66.68% 0.0695 179.70) 76.2%, oklch(69.19% 0.0697 172.90) 77.8%, oklch(71.67% 0.0699 166.16) 79.4%, oklch(74.11% 0.0701 159.51) 81.0%, oklch(76.51% 0.0702 152.99) 82.5%, oklch(78.85% 0.0704 146.61) 84.1%, oklch(81.12% 0.0706 140.43) 85.7%, oklch(83.31% 0.0707 134.47) 87.3%, oklch(85.40% 0.0709 128.76) 88.9%, oklch(87.38% 0.0710 123.35) 90.5%, oklch(89.25% 0.0712 118.26) 92.1%, oklch(91.00% 0.0713 113.52) 93.7%, oklch(92.60% 0.0714 109.18) 95.2%, oklch(94.05% 0.0715 105.26) 96.8%, oklch(95.34% 0.0716 101.79) 98.4%, oklch(96.46% 0.0710 98.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.07 | 263.7 |
| 2 | 0.319 | 0.068 | 270 |
| 3 | 0.965 | 0.072 | 98.8 |

## In these collections

- [Sequential data gradients](https://grabient.com/sequential-data-gradients)

## Other forms

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