# Rose, moss and violet color palette The Rose, moss and violet color palette brings together red, orange, gold, green, blue, and purple. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is purple, and its lightest tone is gold. - Also called: Rainbow from red to blue linear gradient - Seed: `kYiYoHUbzDdyxRPFH8kxCJJDc6x4` - Page: https://grabient.com/kYiYoHUbzDdyxRPFH8kxCJJDc6x4?steps=32&angle=180 - Drawn as: linear gradient, 32 steps, 180 degrees - Kinds: vivid, rainbow - Hues: two-hue - Contrast of its darkest and lightest colors: 3.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 | `#c22755` | `oklch(53.94% 0.1902 9.84)` | Jazzy | white, 5.6 to 1 | | 2 | `#c62e52` | `oklch(55.02% 0.1878 12.80)` | Dingy Dungeon | white, 5.3 to 1 | | 3 | `#cb364e` | `oklch(56.54% 0.1846 16.75)` | Tomato Puree | white, 5 to 1 | | 4 | `#d14049` | `oklch(58.33% 0.1808 21.49)` | Smooch Rouge | white, 4.6 to 1 | | 5 | `#d64b43` | `oklch(60.24% 0.1766 26.80)` | Gladiola | black, 4.9 to 1 | | 6 | `#da553d` | `oklch(62.14% 0.1721 32.46)` | Scarlet Sun | black, 5.3 to 1 | | 7 | `#dd5f36` | `oklch(63.86% 0.1676 38.27)` | Full of Life | black, 5.7 to 1 | | 8 | `#e06930` | `oklch(65.56% 0.1632 44.01)` | Harvest Haze | black, 6.2 to 1 | | 9 | `#e2752d` | `oklch(67.62% 0.1586 49.70)` | Clockwork Orange | black, 6.8 to 1 | | 10 | `#e4802b` | `oklch(69.71% 0.1539 55.65)` | West Side | black, 7.4 to 1 | | 11 | `#e48b2c` | `oklch(71.53% 0.1489 62.15)` | Sumac Dyed | black, 8 to 1 | | 12 | `#e0942c` | `oklch(72.75% 0.1435 69.48)` | Treacle Fudge | black, 8.4 to 1 | | 13 | `#d79c2e` | `oklch(73.05% 0.1376 77.94)` | New England Autumn | black, 8.6 to 1 | | 14 | `#c79f31` | `oklch(72.04% 0.1308 87.86)` | Mustard Seed | black, 8.4 to 1 | | 15 | `#b09e37` | `oklch(69.55% 0.1224 99.36)` | Martian | black, 7.7 to 1 | | 16 | `#949940` | `oklch(66.09% 0.1132 112.01)` | Split Pea | black, 6.9 to 1 | | 17 | `#789249` | `oklch(62.22% 0.1040 125.35)` | Emerald Shimmer | black, 5.9 to 1 | | 18 | `#5e8a51` | `oklch(58.52% 0.0958 138.91)` | Topiary Sculpture | black, 5.1 to 1 | | 19 | `#478259` | `oklch(55.54% 0.0894 152.22)` | Adamite Green | black, 4.6 to 1 | | 20 | `#367e62` | `oklch(53.80% 0.0856 164.93)` | Trans Tasman | white, 4.8 to 1 | | 21 | `#287c6c` | `oklch(53.14% 0.0834 177.64)` | Teal We Meet Again | white, 5 to 1 | | 22 | `#1f7b77` | `oklch(53.17% 0.0827 190.42)` | Elm | white, 5 to 1 | | 23 | `#1d7b83` | `oklch(53.55% 0.0834 203.13)` | Caribe | white, 4.9 to 1 | | 24 | `#217b8e` | `oklch(53.93% 0.0856 215.61)` | Bermuda | white, 4.9 to 1 | | 25 | `#287897` | `oklch(53.98% 0.0894 227.72)` | Devil Blue | white, 4.9 to 1 | | 26 | `#2f749e` | `oklch(53.35% 0.0950 239.35)` | Taiwan Blue Magpie | white, 5.1 to 1 | | 27 | `#376ca3` | `oklch(52.00% 0.1040 251.29)` | Mega Blue | white, 5.4 to 1 | | 28 | `#4061a6` | `oklch(50.19% 0.1159 263.47)` | International | white, 6 to 1 | | 29 | `#4b55a6` | `oklch(48.17% 0.1292 275.24)` | Brandywine Raspberry | white, 6.7 to 1 | | 30 | `#5447a3` | `oklch(46.18% 0.1423 285.93)` | Liberty | white, 7.4 to 1 | | 31 | `#5c3b9e` | `oklch(44.48% 0.1535 294.91)` | Ruthless Empress | white, 8.1 to 1 | | 32 | `#623199` | `oklch(43.31% 0.1612 301.51)` | Rebecca Purple | white, 8.6 to 1 | ## CSS ```css background: linear-gradient(180deg, #c22755 0.0%, #c62e52 3.2%, #cb364e 6.5%, #d14049 9.7%, #d64b43 12.9%, #da553d 16.1%, #dd5f36 19.4%, #e06930 22.6%, #e2752d 25.8%, #e4802b 29.0%, #e48b2c 32.3%, #e0942c 35.5%, #d79c2e 38.7%, #c79f31 41.9%, #b09e37 45.2%, #949940 48.4%, #789249 51.6%, #5e8a51 54.8%, #478259 58.1%, #367e62 61.3%, #287c6c 64.5%, #1f7b77 67.7%, #1d7b83 71.0%, #217b8e 74.2%, #287897 77.4%, #2f749e 80.6%, #376ca3 83.9%, #4061a6 87.1%, #4b55a6 90.3%, #5447a3 93.5%, #5c3b9e 96.8%, #623199 100.0%); background: linear-gradient(180deg in oklch, oklch(53.94% 0.1902 9.84) 0.0%, oklch(55.02% 0.1878 12.80) 3.2%, oklch(56.54% 0.1846 16.75) 6.5%, oklch(58.33% 0.1808 21.49) 9.7%, oklch(60.24% 0.1766 26.80) 12.9%, oklch(62.14% 0.1721 32.46) 16.1%, oklch(63.86% 0.1676 38.27) 19.4%, oklch(65.56% 0.1632 44.01) 22.6%, oklch(67.62% 0.1586 49.70) 25.8%, oklch(69.71% 0.1539 55.65) 29.0%, oklch(71.53% 0.1489 62.15) 32.3%, oklch(72.75% 0.1435 69.48) 35.5%, oklch(73.05% 0.1376 77.94) 38.7%, oklch(72.04% 0.1308 87.86) 41.9%, oklch(69.55% 0.1224 99.36) 45.2%, oklch(66.09% 0.1132 112.01) 48.4%, oklch(62.22% 0.1040 125.35) 51.6%, oklch(58.52% 0.0958 138.91) 54.8%, oklch(55.54% 0.0894 152.22) 58.1%, oklch(53.80% 0.0856 164.93) 61.3%, oklch(53.14% 0.0834 177.64) 64.5%, oklch(53.17% 0.0827 190.42) 67.7%, oklch(53.55% 0.0834 203.13) 71.0%, oklch(53.93% 0.0856 215.61) 74.2%, oklch(53.98% 0.0894 227.72) 77.4%, oklch(53.35% 0.0950 239.35) 80.6%, oklch(52.00% 0.1040 251.29) 83.9%, oklch(50.19% 0.1159 263.47) 87.1%, oklch(48.17% 0.1292 275.24) 90.3%, oklch(46.18% 0.1423 285.93) 93.5%, oklch(44.48% 0.1535 294.91) 96.8%, oklch(43.31% 0.1612 301.51) 100.0%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.539 | 0.19 | 9.8 | | 2 | 0.642 | 0.167 | 39.4 | | 3 | 0.728 | 0.135 | 81.7 | | 4 | 0.543 | 0.087 | 159.9 | | 5 | 0.535 | 0.094 | 237 | | 6 | 0.433 | 0.161 | 301.5 | ## In these collections - [Steel pan poster](https://grabient.com/steel-pan-poster) - [Rainbow gradients](https://grabient.com/rainbow-gradients) - [Kerala flower carpet](https://grabient.com/kerala-flower-carpet) ## Other forms - [JSON](https://grabient.com/kYiYoHUbzDdyxRPFH8kxCJJDc6x4.json?steps=32&angle=180) - [PNG](https://grabient.com/kYiYoHUbzDdyxRPFH8kxCJJDc6x4.png?steps=32&angle=180) - [SVG](https://grabient.com/kYiYoHUbzDdyxRPFH8kxCJJDc6x4.svg?steps=32&angle=180) - [CSS](https://grabient.com/kYiYoHUbzDdyxRPFH8kxCJJDc6x4.css?steps=32&angle=180) - [ASE](https://grabient.com/kYiYoHUbzDdyxRPFH8kxCJJDc6x4.ase?steps=32&angle=180) - [GPL](https://grabient.com/kYiYoHUbzDdyxRPFH8kxCJJDc6x4.gpl?steps=32&angle=180) - [GRD](https://grabient.com/kYiYoHUbzDdyxRPFH8kxCJJDc6x4.grd?steps=32&angle=180) - [Design tokens](https://grabient.com/kYiYoHUbzDdyxRPFH8kxCJJDc6x4.tokens.json?steps=32&angle=180) - [Social card](https://grabient.com/api/og?seed=kYiYoHUbzDdyxRPFH8kxCJJDc6x4&steps=32&angle=180) - [Palettes like this one](https://grabient.com/palettes?q=kYiYoHUbzDdyxRPFH8kxCJJDc6x4) - [Guide for agents](https://grabient.com/llms.txt)