Pale sage, teal and navy color palette

The Pale sage, teal and navy color palette brings together pale green, light green, teal, and blue. Linear gradient, 32 colors at 180°: #e4e8d2, #a3d9c8, #51ada9, #207483, #113053. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

• #e4e8d2
• #e0e7d0
• #dbe6cd
• #d4e4cb
• #cbe3c9
• #c2e1c9
• #b7dfc9
• #addcc8
• #a3d9c8
• #9ad5c5
• #90d0c3
• #85cbbf
• #7bc6bb
• #70c0b6
• #65bab2
• #5bb3ad
• #51ada9
• #48a5a5
• #409e9f
• #39969a
• #328d94
• #2c858e
• #267d89
• #207483
• #1a6c7e
• #156278
• #115871
• #104e6b
• #104564
• #103c5d
• #113558
• #113053

CSS

background: linear-gradient(180deg in oklch, oklch(92.13% 0.0289 114.61) 0.0%, oklch(91.58% 0.0314 119.46) 3.2%, oklch(90.90% 0.0347 126.22) 6.5%, oklch(90.10% 0.0386 134.30) 9.7%, oklch(89.17% 0.0429 143.07) 12.9%, oklch(88.13% 0.0475 151.92) 16.1%, oklch(86.96% 0.0520 160.24) 19.4%, oklch(85.68% 0.0563 167.41) 22.6%, oklch(84.28% 0.0602 172.86) 25.8%, oklch(82.75% 0.0642 176.87) 29.0%, oklch(81.06% 0.0685 179.88) 32.3%, oklch(79.26% 0.0728 182.18) 35.5%, oklch(77.35% 0.0769 184.02) 38.7%, oklch(75.35% 0.0806 185.67) 41.9%, oklch(73.28% 0.0837 187.39) 45.2%, oklch(71.15% 0.0860 189.45) 48.4%, oklch(68.98% 0.0873 192.00) 51.6%, oklch(66.72% 0.0876 194.52) 54.8%, oklch(64.36% 0.0871 196.99) 58.1%, oklch(61.93% 0.0860 199.50) 61.3%, oklch(59.44% 0.0846 202.15) 64.5%, oklch(56.91% 0.0830 205.04) 67.7%, oklch(54.37% 0.0814 208.25) 71.0%, oklch(51.82% 0.0802 211.90) 74.2%, oklch(49.18% 0.0792 216.23) 77.4%, oklch(46.26% 0.0782 221.53) 80.6%, oklch(43.20% 0.0772 227.44) 83.9%, oklch(40.14% 0.0762 233.59) 87.1%, oklch(37.22% 0.0752 239.59) 90.3%, oklch(34.58% 0.0743 245.09) 93.5%, oklch(32.36% 0.0736 249.70) 96.8%, oklch(30.71% 0.0730 253.04) 100.0%);

In these collections

Steel pan posterWinter

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works