# Plum and ochre navy and gold palette The Plum and ochre navy and gold palette brings together dark blue, dark purple, magenta, orange, and gold. 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, brown and orange linear gradient - Seed: `kaKSPDmZVBSCcwKoFUUNaFIMuxQXhNsJA` - Page: https://grabient.com/kaKSPDmZVBSCcwKoFUUNaFIMuxQXhNsJA?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: dark to light, dark, multicolor - Hues: complementary - Contrast of its darkest and lightest colors: 9 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 | `#080b22` | `oklch(16.14% 0.0482 274.92)` | Void | white, 19.4 to 1 | | 2 | `#0a0b23` | `oklch(16.63% 0.0493 276.52)` | Tristesse | white, 19.3 to 1 | | 3 | `#0c0c26` | `oklch(17.31% 0.0508 278.82)` | Void | white, 19.1 to 1 | | 4 | `#0f0e28` | `oklch(18.12% 0.0526 281.45)` | Corbeau | white, 18.8 to 1 | | 5 | `#120f2b` | `oklch(19.01% 0.0548 284.05)` | Spanish Roast | white, 18.6 to 1 | | 6 | `#14102e` | `oklch(19.93% 0.0574 286.25)` | Spanish Roast | white, 18.3 to 1 | | 7 | `#171232` | `oklch(20.87% 0.0610 287.47)` | Spanish Roast | white, 17.9 to 1 | | 8 | `#1a1337` | `oklch(21.90% 0.0661 287.68)` | Midnight Monarch | white, 17.5 to 1 | | 9 | `#1c153c` | `oklch(22.99% 0.0714 287.81)` | Prune Plum | white, 17.1 to 1 | | 10 | `#1f1741` | `oklch(24.10% 0.0759 288.75)` | Prune Plum | white, 16.7 to 1 | | 11 | `#241944` | `oklch(25.22% 0.0784 291.44)` | Prune Plum | white, 16.2 to 1 | | 12 | `#291a45` | `oklch(26.30% 0.0775 296.48)` | Azulado | white, 15.7 to 1 | | 13 | `#2f1c44` | `oklch(27.30% 0.0730 303.19)` | Elderberry | white, 15.2 to 1 | | 14 | `#341f42` | `oklch(28.31% 0.0669 311.31)` | Power Outage | white, 14.8 to 1 | | 15 | `#3a213f` | `oklch(29.42% 0.0612 320.60)` | Kokimurasaki Purple | white, 14.2 to 1 | | 16 | `#40243d` | `oklch(30.74% 0.0579 330.82)` | Profound Mauve | white, 13.6 to 1 | | 17 | `#48273c` | `oklch(32.31% 0.0589 342.16)` | Juice Violet | white, 12.8 to 1 | | 18 | `#512939` | `oklch(34.04% 0.0632 356.24)` | Black Rose | white, 12.1 to 1 | | 19 | `#5c2c33` | `oklch(35.93% 0.0697 11.71)` | Dubonnet | white, 11.2 to 1 | | 20 | `#66302c` | `oklch(38.04% 0.0776 26.75)` | Rookwood Red | white, 10.3 to 1 | | 21 | `#6f3623` | `oklch(40.39% 0.0857 39.56)` | Pueblo | white, 9.3 to 1 | | 22 | `#783e1c` | `oklch(43.06% 0.0935 48.37)` | Walnut | white, 8.3 to 1 | | 23 | `#844618` | `oklch(46.13% 0.1023 53.10)` | Russet | white, 7.3 to 1 | | 24 | `#914e15` | `oklch(49.52% 0.1117 55.15)` | Parasite Brown | white, 6.3 to 1 | | 25 | `#9f5614` | `oklch(53.06% 0.1211 55.91)` | Bright Bronze | white, 5.4 to 1 | | 26 | `#ae5f15` | `oklch(56.60% 0.1294 56.80)` | Mid Century Furniture | white, 4.7 to 1 | | 27 | `#ba6913` | `oklch(60.01% 0.1360 59.19)` | Brown Orange | black, 5.1 to 1 | | 28 | `#c57511` | `oklch(63.63% 0.1407 63.07)` | Dirty Orange | black, 5.9 to 1 | | 29 | `#d08312` | `oklch(67.44% 0.1442 67.56)` | Copious Caramel | black, 6.9 to 1 | | 30 | `#d99018` | `oklch(71.07% 0.1468 72.07)` | Harvest Eve Gold | black, 7.9 to 1 | | 31 | `#e09c1e` | `oklch(74.17% 0.1487 75.98)` | Gamboge | black, 8.9 to 1 | | 32 | `#e5a524` | `oklch(76.38% 0.1502 78.72)` | Orange Sulphur | black, 9.7 to 1 | ## CSS ```css background: linear-gradient(90deg, #080b22 0.0%, #0a0b23 3.2%, #0c0c26 6.5%, #0f0e28 9.7%, #120f2b 12.9%, #14102e 16.1%, #171232 19.4%, #1a1337 22.6%, #1c153c 25.8%, #1f1741 29.0%, #241944 32.3%, #291a45 35.5%, #2f1c44 38.7%, #341f42 41.9%, #3a213f 45.2%, #40243d 48.4%, #48273c 51.6%, #512939 54.8%, #5c2c33 58.1%, #66302c 61.3%, #6f3623 64.5%, #783e1c 67.7%, #844618 71.0%, #914e15 74.2%, #9f5614 77.4%, #ae5f15 80.6%, #ba6913 83.9%, #c57511 87.1%, #d08312 90.3%, #d99018 93.5%, #e09c1e 96.8%, #e5a524 100.0%); background: linear-gradient(90deg in oklch, oklch(16.14% 0.0482 274.92) 0.0%, oklch(16.63% 0.0493 276.52) 3.2%, oklch(17.31% 0.0508 278.82) 6.5%, oklch(18.12% 0.0526 281.45) 9.7%, oklch(19.01% 0.0548 284.05) 12.9%, oklch(19.93% 0.0574 286.25) 16.1%, oklch(20.87% 0.0610 287.47) 19.4%, oklch(21.90% 0.0661 287.68) 22.6%, oklch(22.99% 0.0714 287.81) 25.8%, oklch(24.10% 0.0759 288.75) 29.0%, oklch(25.22% 0.0784 291.44) 32.3%, oklch(26.30% 0.0775 296.48) 35.5%, oklch(27.30% 0.0730 303.19) 38.7%, oklch(28.31% 0.0669 311.31) 41.9%, oklch(29.42% 0.0612 320.60) 45.2%, oklch(30.74% 0.0579 330.82) 48.4%, oklch(32.31% 0.0589 342.16) 51.6%, oklch(34.04% 0.0632 356.24) 54.8%, oklch(35.93% 0.0697 11.71) 58.1%, oklch(38.04% 0.0776 26.75) 61.3%, oklch(40.39% 0.0857 39.56) 64.5%, oklch(43.06% 0.0935 48.37) 67.7%, oklch(46.13% 0.1023 53.10) 71.0%, oklch(49.52% 0.1117 55.15) 74.2%, oklch(53.06% 0.1211 55.91) 77.4%, oklch(56.60% 0.1294 56.80) 80.6%, oklch(60.01% 0.1360 59.19) 83.9%, oklch(63.63% 0.1407 63.07) 87.1%, oklch(67.44% 0.1442 67.56) 90.3%, oklch(71.07% 0.1468 72.07) 93.5%, oklch(74.17% 0.1487 75.98) 96.8%, oklch(76.38% 0.1502 78.72) 100.0%); ``` ## Keyframes 7 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.161 | 0.048 | 274.9 | | 2 | 0.201 | 0.058 | 286.5 | | 3 | 0.256 | 0.079 | 292.9 | | 4 | 0.315 | 0.058 | 336.2 | | 5 | 0.421 | 0.091 | 406 | | 6 | 0.594 | 0.135 | 418.6 | | 7 | 0.764 | 0.15 | 438.7 | ## In these collections - [Navy and gold](https://grabient.com/navy-and-gold) ## Other forms - [JSON](https://grabient.com/kaKSPDmZVBSCcwKoFUUNaFIMuxQXhNsJA.json?steps=32) - [PNG](https://grabient.com/kaKSPDmZVBSCcwKoFUUNaFIMuxQXhNsJA.png?steps=32) - [SVG](https://grabient.com/kaKSPDmZVBSCcwKoFUUNaFIMuxQXhNsJA.svg?steps=32) - [CSS](https://grabient.com/kaKSPDmZVBSCcwKoFUUNaFIMuxQXhNsJA.css?steps=32) - [ASE](https://grabient.com/kaKSPDmZVBSCcwKoFUUNaFIMuxQXhNsJA.ase?steps=32) - [GPL](https://grabient.com/kaKSPDmZVBSCcwKoFUUNaFIMuxQXhNsJA.gpl?steps=32) - [GRD](https://grabient.com/kaKSPDmZVBSCcwKoFUUNaFIMuxQXhNsJA.grd?steps=32) - [Design tokens](https://grabient.com/kaKSPDmZVBSCcwKoFUUNaFIMuxQXhNsJA.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kaKSPDmZVBSCcwKoFUUNaFIMuxQXhNsJA&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kaKSPDmZVBSCcwKoFUUNaFIMuxQXhNsJA) - [Guide for agents](https://grabient.com/llms.txt)