Navy and teal color palette

This palette moves from dark blue through blue to light teal. Linear gradient, 32 colors at 135°: #101d2a, #112c42, #154d6c, #2e89a7, #54cbde. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

• #101d2a
• #101e2c
• #10202e
• #112131
• #112334
• #112537
• #11273b
• #112a3e
• #112c42
• #112f47
• #12324b
• #123650
• #123a55
• #123e5b
• #134260
• #144766
• #154d6c
• #175373
• #1a5a7b
• #1d6383
• #216b8b
• #257594
• #297f9e
• #2e89a7
• #3393b0
• #399db8
• #3ea6c0
• #43b0c8
• #48b8cf
• #4dc0d5
• #51c6da
• #54cbde

CSS

background: linear-gradient(135deg in oklch, oklch(22.44% 0.0317 249.61) 0.0%, oklch(23.00% 0.0333 249.26) 3.2%, oklch(23.60% 0.0353 248.90) 6.5%, oklch(24.26% 0.0376 248.52) 9.7%, oklch(24.97% 0.0402 248.10) 12.9%, oklch(25.75% 0.0430 247.65) 16.1%, oklch(26.59% 0.0461 247.16) 19.4%, oklch(27.51% 0.0492 246.62) 22.6%, oklch(28.50% 0.0525 246.02) 25.8%, oklch(29.58% 0.0558 245.36) 29.0%, oklch(30.75% 0.0592 244.63) 32.3%, oklch(32.01% 0.0625 243.82) 35.5%, oklch(33.37% 0.0657 242.92) 38.7%, oklch(34.83% 0.0688 241.94) 41.9%, oklch(36.40% 0.0718 240.86) 45.2%, oklch(38.09% 0.0745 239.68) 48.4%, oklch(39.92% 0.0770 238.36) 51.6%, oklch(42.05% 0.0796 236.80) 54.8%, oklch(44.46% 0.0821 235.03) 58.1%, oklch(47.10% 0.0847 233.06) 61.3%, oklch(49.91% 0.0872 230.96) 64.5%, oklch(52.86% 0.0897 228.75) 67.7%, oklch(55.88% 0.0921 226.47) 71.0%, oklch(58.93% 0.0945 224.16) 74.2%, oklch(61.96% 0.0968 221.87) 77.4%, oklch(64.92% 0.0990 219.63) 80.6%, oklch(67.76% 0.1010 217.48) 83.9%, oklch(70.42% 0.1029 215.46) 87.1%, oklch(72.86% 0.1047 213.60) 90.3%, oklch(75.03% 0.1063 211.96) 93.5%, oklch(76.87% 0.1077 210.56) 96.8%, oklch(78.35% 0.1089 209.45) 100.0%);

In these collections

Between tidesDiscord server banner gradientsHero section gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works