# Navy, terracotta and turquoise muted rainbow palette The Navy, terracotta and turquoise muted rainbow palette brings together blue, purple, red, gold, green, and light teal. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light teal. - Also called: Muted rainbow from blue to teal linear gradient - Seed: `kYXEq5OKVG8QlRxPJMcWyTHGYkxw` - Page: https://grabient.com/kYXEq5OKVG8QlRxPJMcWyTHGYkxw?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: dark to light, rainbow - Hues: two-hue - Contrast of its darkest and lightest colors: 6.1 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 | `#1b3c72` | `oklch(36.22% 0.1020 260.16)` | Ashenvale Nights | white, 10.8 to 1 | | 2 | `#273c75` | `oklch(37.08% 0.1020 266.33)` | Blue Expanse | white, 10.5 to 1 | | 3 | `#343c78` | `oklch(38.25% 0.1020 274.83)` | Good Karma | white, 10.1 to 1 | | 4 | `#423c7b` | `oklch(39.64% 0.1020 284.91)` | Sage Violet | white, 9.6 to 1 | | 5 | `#503d7b` | `oklch(41.16% 0.1020 295.85)` | Loden Purple | white, 9.1 to 1 | | 6 | `#5e3e7a` | `oklch(42.71% 0.1020 306.92)` | Dark Pansy | white, 8.5 to 1 | | 7 | `#6a3f78` | `oklch(44.21% 0.1020 317.38)` | Pageantry Purple | white, 8.1 to 1 | | 8 | `#744174` | `oklch(45.62% 0.1020 327.05)` | Wood Violet | white, 7.6 to 1 | | 9 | `#7e4370` | `oklch(47.07% 0.1020 336.74)` | Bruise | white, 7.1 to 1 | | 10 | `#88456b` | `oklch(48.55% 0.1020 346.47)` | Bonbon Red | white, 6.7 to 1 | | 11 | `#904865` | `oklch(50.03% 0.1021 356.20)` | Violet Quartz | white, 6.3 to 1 | | 12 | `#974c5f` | `oklch(51.51% 0.1021 5.95)` | Haitian Flower | white, 5.9 to 1 | | 13 | `#9e5158` | `oklch(52.97% 0.1020 15.68)` | Cranberry Jam | white, 5.5 to 1 | | 14 | `#a35651` | `oklch(54.39% 0.1019 25.40)` | Cheek Red | white, 5.2 to 1 | | 15 | `#a75c4a` | `oklch(55.79% 0.1017 35.11)` | Santa Fe Sunset | white, 4.9 to 1 | | 16 | `#a96343` | `oklch(57.16% 0.1014 44.83)` | Borneo | white, 4.6 to 1 | | 17 | `#aa6a3e` | `oklch(58.54% 0.1011 54.54)` | Auric Copper | black, 4.8 to 1 | | 18 | `#aa723a` | `oklch(59.92% 0.1009 64.26)` | Enchanting Ginger | black, 5.1 to 1 | | 19 | `#a87a38` | `oklch(61.34% 0.1007 73.97)` | Rich Sorrel | black, 5.5 to 1 | | 20 | `#a58339` | `oklch(62.79% 0.1006 83.69)` | Cloisonné Gold | black, 5.9 to 1 | | 21 | `#a28c3e` | `oklch(64.30% 0.1005 93.41)` | Autumn Festival | black, 6.3 to 1 | | 22 | `#9d9446` | `oklch(65.84% 0.1005 103.12)` | Lentil Sprout | black, 6.7 to 1 | | 23 | `#979d51` | `oklch(67.40% 0.1005 112.84)` | Lazy Lizard | black, 7.2 to 1 | | 24 | `#90a55d` | `oklch(68.94% 0.1005 122.55)` | Zesty Apple | black, 7.7 to 1 | | 25 | `#88ad6b` | `oklch(70.47% 0.1006 132.27)` | Celuce | black, 8.2 to 1 | | 26 | `#80b57a` | `oklch(71.95% 0.1006 142.01)` | Joshua Tree | black, 8.7 to 1 | | 27 | `#76bc8b` | `oklch(73.51% 0.1006 152.61)` | Flashman | black, 9.3 to 1 | | 28 | `#6dc39d` | `oklch(75.14% 0.1006 163.86)` | Gem Silica | black, 9.9 to 1 | | 29 | `#66c8b0` | `oklch(76.73% 0.1006 175.01)` | Tropical Tide | black, 10.4 to 1 | | 30 | `#62cdc1` | `oklch(78.19% 0.1006 185.30)` | Kinetic Teal | black, 11 to 1 | | 31 | `#63d0cf` | `oklch(79.42% 0.1006 193.98)` | Petrichor | black, 11.4 to 1 | | 32 | `#65d2d8` | `oklch(80.31% 0.1006 200.27)` | Throat Chakra | black, 11.8 to 1 | ## CSS ```css background: linear-gradient(90deg, #1b3c72 0.0%, #273c75 3.2%, #343c78 6.5%, #423c7b 9.7%, #503d7b 12.9%, #5e3e7a 16.1%, #6a3f78 19.4%, #744174 22.6%, #7e4370 25.8%, #88456b 29.0%, #904865 32.3%, #974c5f 35.5%, #9e5158 38.7%, #a35651 41.9%, #a75c4a 45.2%, #a96343 48.4%, #aa6a3e 51.6%, #aa723a 54.8%, #a87a38 58.1%, #a58339 61.3%, #a28c3e 64.5%, #9d9446 67.7%, #979d51 71.0%, #90a55d 74.2%, #88ad6b 77.4%, #80b57a 80.6%, #76bc8b 83.9%, #6dc39d 87.1%, #66c8b0 90.3%, #62cdc1 93.5%, #63d0cf 96.8%, #65d2d8 100.0%); background: linear-gradient(90deg in oklch, oklch(36.22% 0.1020 260.16) 0.0%, oklch(37.08% 0.1020 266.33) 3.2%, oklch(38.25% 0.1020 274.83) 6.5%, oklch(39.64% 0.1020 284.91) 9.7%, oklch(41.16% 0.1020 295.85) 12.9%, oklch(42.71% 0.1020 306.92) 16.1%, oklch(44.21% 0.1020 317.38) 19.4%, oklch(45.62% 0.1020 327.05) 22.6%, oklch(47.07% 0.1020 336.74) 25.8%, oklch(48.55% 0.1020 346.47) 29.0%, oklch(50.03% 0.1021 356.20) 32.3%, oklch(51.51% 0.1021 5.95) 35.5%, oklch(52.97% 0.1020 15.68) 38.7%, oklch(54.39% 0.1019 25.40) 41.9%, oklch(55.79% 0.1017 35.11) 45.2%, oklch(57.16% 0.1014 44.83) 48.4%, oklch(58.54% 0.1011 54.54) 51.6%, oklch(59.92% 0.1009 64.26) 54.8%, oklch(61.34% 0.1007 73.97) 58.1%, oklch(62.79% 0.1006 83.69) 61.3%, oklch(64.30% 0.1005 93.41) 64.5%, oklch(65.84% 0.1005 103.12) 67.7%, oklch(67.40% 0.1005 112.84) 71.0%, oklch(68.94% 0.1005 122.55) 74.2%, oklch(70.47% 0.1006 132.27) 77.4%, oklch(71.95% 0.1006 142.01) 80.6%, oklch(73.51% 0.1006 152.61) 83.9%, oklch(75.14% 0.1006 163.86) 87.1%, oklch(76.73% 0.1006 175.01) 90.3%, oklch(78.19% 0.1006 185.30) 93.5%, oklch(79.42% 0.1006 193.98) 96.8%, oklch(80.31% 0.1006 200.27) 100.0%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.362 | 0.102 | 260.2 | | 2 | 0.445 | 0.102 | 319.3 | | 3 | 0.535 | 0.102 | 379.6 | | 4 | 0.622 | 0.101 | 439.8 | | 5 | 0.717 | 0.101 | 500 | | 6 | 0.803 | 0.101 | 560.3 | ## In these collections - [Muted rainbow gradients](https://grabient.com/muted-rainbow-gradients) ## Other forms - [JSON](https://grabient.com/kYXEq5OKVG8QlRxPJMcWyTHGYkxw.json?steps=32) - [PNG](https://grabient.com/kYXEq5OKVG8QlRxPJMcWyTHGYkxw.png?steps=32) - [SVG](https://grabient.com/kYXEq5OKVG8QlRxPJMcWyTHGYkxw.svg?steps=32) - [CSS](https://grabient.com/kYXEq5OKVG8QlRxPJMcWyTHGYkxw.css?steps=32) - [ASE](https://grabient.com/kYXEq5OKVG8QlRxPJMcWyTHGYkxw.ase?steps=32) - [GPL](https://grabient.com/kYXEq5OKVG8QlRxPJMcWyTHGYkxw.gpl?steps=32) - [GRD](https://grabient.com/kYXEq5OKVG8QlRxPJMcWyTHGYkxw.grd?steps=32) - [Design tokens](https://grabient.com/kYXEq5OKVG8QlRxPJMcWyTHGYkxw.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kYXEq5OKVG8QlRxPJMcWyTHGYkxw&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kYXEq5OKVG8QlRxPJMcWyTHGYkxw) - [Guide for agents](https://grabient.com/llms.txt)