# Aubergine blue and purple palette The Aubergine blue and purple palette brings together dark blue, blue, and dark purple. The colors span a narrow lightness range, combining strong color with gentle contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is blue. - Also called: Analogous navy, blue and purple linear gradient - Seed: `kULjqyK0HBbXMQkmOkKA` - Page: https://grabient.com/kULjqyK0HBbXMQkmOkKA?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: vivid, dark, cool - Hues: analogous - Contrast of its darkest and lightest colors: 2 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 | `#001228` | `oklch(18.14% 0.0525 250.82)` | Kuretake Black Manga | white, 18.7 to 1 | | 2 | `#00142c` | `oklch(19.07% 0.0561 251.44)` | Squid’s Ink | white, 18.4 to 1 | | 3 | `#001731` | `oklch(20.30% 0.0611 252.21)` | Squid’s Ink | white, 18 to 1 | | 4 | `#001a38` | `oklch(21.77% 0.0674 253.13)` | Naval Night | white, 17.4 to 1 | | 5 | `#001d40` | `oklch(23.42% 0.0750 254.19)` | Maastricht Blue | white, 16.7 to 1 | | 6 | `#002149` | `oklch(25.18% 0.0840 255.36)` | Oxford Blue | white, 16 to 1 | | 7 | `#002453` | `oklch(26.99% 0.0945 256.65)` | Subnautical | white, 15.2 to 1 | | 8 | `#00275e` | `oklch(28.79% 0.1067 258.02)` | Black Sea Night | white, 14.3 to 1 | | 9 | `#002a6a` | `oklch(30.51% 0.1210 259.47)` | Old Glory Blue | white, 13.6 to 1 | | 10 | `#002b78` | `oklch(32.09% 0.1385 260.98)` | Catalina Blue | white, 12.9 to 1 | | 11 | `#002a88` | `oklch(33.46% 0.1614 262.53)` | Naval Adventures | white, 12.4 to 1 | | 12 | `#032697` | `oklch(34.64% 0.1846 264.08)` | Deepsea Kraken | white, 12.1 to 1 | | 13 | `#0e279e` | `oklch(35.84% 0.1901 265.79)` | Deepsea Kraken | white, 11.6 to 1 | | 14 | `#1828a4` | `oklch(37.03% 0.1950 267.60)` | International Klein Blue | white, 11.1 to 1 | | 15 | `#2029aa` | `oklch(38.18% 0.1993 269.49)` | International Blue | white, 10.7 to 1 | | 16 | `#282aaf` | `oklch(39.24% 0.2028 271.44)` | Sapphire Splendour | white, 10.2 to 1 | | 17 | `#2f2ab4` | `oklch(40.20% 0.2057 273.45)` | Sapphire Splendour | white, 9.9 to 1 | | 18 | `#352bb7` | `oklch(41.01% 0.2079 275.49)` | Blue Cardinal Flower | white, 9.6 to 1 | | 19 | `#3b2ab9` | `oklch(41.63% 0.2093 277.56)` | Blue Depression | white, 9.4 to 1 | | 20 | `#412aba` | `oklch(42.04% 0.2100 279.63)` | Blue Depression | white, 9.2 to 1 | | 21 | `#4528ba` | `oklch(42.19% 0.2099 281.70)` | Blue Depression | white, 9.2 to 1 | | 22 | `#4926b8` | `oklch(42.04% 0.2090 283.77)` | Blue Depression | white, 9.3 to 1 | | 23 | `#4b23b3` | `oklch(41.46% 0.2065 285.99)` | Blue Depression | white, 9.5 to 1 | | 24 | `#4d1fac` | `oklch(40.51% 0.2026 288.38)` | Aubergine Perl | white, 9.9 to 1 | | 25 | `#4d1aa4` | `oklch(39.27% 0.1975 290.86)` | Aubergine Perl | white, 10.5 to 1 | | 26 | `#4c149b` | `oklch(37.83% 0.1917 293.36)` | Amarklor Violet | white, 11.1 to 1 | | 27 | `#4b0f91` | `oklch(36.28% 0.1854 295.83)` | Pitch Violet | white, 11.8 to 1 | | 28 | `#490987` | `oklch(34.70% 0.1790 298.19)` | Indigo Girls | white, 12.5 to 1 | | 29 | `#47047e` | `oklch(33.18% 0.1730 300.38)` | Invasive Indigo | white, 13.2 to 1 | | 30 | `#450076` | `oklch(31.82% 0.1675 302.33)` | Invasive Indigo | white, 13.8 to 1 | | 31 | `#43006f` | `oklch(30.73% 0.1605 303.95)` | Royal Purple | white, 14.3 to 1 | | 32 | `#410069` | `oklch(29.95% 0.1553 305.23)` | Obsidian Shell | white, 14.6 to 1 | ## CSS ```css background: linear-gradient(90deg, #001228 0.0%, #00142c 3.2%, #001731 6.5%, #001a38 9.7%, #001d40 12.9%, #002149 16.1%, #002453 19.4%, #00275e 22.6%, #002a6a 25.8%, #002b78 29.0%, #002a88 32.3%, #032697 35.5%, #0e279e 38.7%, #1828a4 41.9%, #2029aa 45.2%, #282aaf 48.4%, #2f2ab4 51.6%, #352bb7 54.8%, #3b2ab9 58.1%, #412aba 61.3%, #4528ba 64.5%, #4926b8 67.7%, #4b23b3 71.0%, #4d1fac 74.2%, #4d1aa4 77.4%, #4c149b 80.6%, #4b0f91 83.9%, #490987 87.1%, #47047e 90.3%, #450076 93.5%, #43006f 96.8%, #410069 100.0%); background: linear-gradient(90deg in oklch, oklch(18.14% 0.0525 250.82) 0.0%, oklch(19.07% 0.0561 251.44) 3.2%, oklch(20.30% 0.0611 252.21) 6.5%, oklch(21.77% 0.0674 253.13) 9.7%, oklch(23.42% 0.0750 254.19) 12.9%, oklch(25.18% 0.0840 255.36) 16.1%, oklch(26.99% 0.0945 256.65) 19.4%, oklch(28.79% 0.1067 258.02) 22.6%, oklch(30.51% 0.1210 259.47) 25.8%, oklch(32.09% 0.1385 260.98) 29.0%, oklch(33.46% 0.1614 262.53) 32.3%, oklch(34.64% 0.1846 264.08) 35.5%, oklch(35.84% 0.1901 265.79) 38.7%, oklch(37.03% 0.1950 267.60) 41.9%, oklch(38.18% 0.1993 269.49) 45.2%, oklch(39.24% 0.2028 271.44) 48.4%, oklch(40.20% 0.2057 273.45) 51.6%, oklch(41.01% 0.2079 275.49) 54.8%, oklch(41.63% 0.2093 277.56) 58.1%, oklch(42.04% 0.2100 279.63) 61.3%, oklch(42.19% 0.2099 281.70) 64.5%, oklch(42.04% 0.2090 283.77) 67.7%, oklch(41.46% 0.2065 285.99) 71.0%, oklch(40.51% 0.2026 288.38) 74.2%, oklch(39.27% 0.1975 290.86) 77.4%, oklch(37.83% 0.1917 293.36) 80.6%, oklch(36.28% 0.1854 295.83) 83.9%, oklch(34.70% 0.1790 298.19) 87.1%, oklch(33.18% 0.1730 300.38) 90.3%, oklch(31.82% 0.1675 302.33) 93.5%, oklch(30.73% 0.1605 303.95) 96.8%, oklch(29.95% 0.1553 305.23) 100.0%); ``` ## Keyframes 4 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.181 | 0.08 | 250.3 | | 2 | 0.339 | 0.181 | 263 | | 3 | 0.421 | 0.209 | 283.1 | | 4 | 0.299 | 0.16 | 305.3 | ## In these collections - [Blue and purple gradients](https://grabient.com/blue-and-purple-gradients) ## Other forms - [JSON](https://grabient.com/kULjqyK0HBbXMQkmOkKA.json?steps=32) - [PNG](https://grabient.com/kULjqyK0HBbXMQkmOkKA.png?steps=32) - [SVG](https://grabient.com/kULjqyK0HBbXMQkmOkKA.svg?steps=32) - [CSS](https://grabient.com/kULjqyK0HBbXMQkmOkKA.css?steps=32) - [ASE](https://grabient.com/kULjqyK0HBbXMQkmOkKA.ase?steps=32) - [GPL](https://grabient.com/kULjqyK0HBbXMQkmOkKA.gpl?steps=32) - [GRD](https://grabient.com/kULjqyK0HBbXMQkmOkKA.grd?steps=32) - [Design tokens](https://grabient.com/kULjqyK0HBbXMQkmOkKA.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kULjqyK0HBbXMQkmOkKA&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kULjqyK0HBbXMQkmOkKA) - [Guide for agents](https://grabient.com/llms.txt)