Teal and ochre app background palette

This palette moves from teal through green to yellow. #155c6f, #13606a, #1c6562, #2f6958, #496c4b, #646c40, #756c3f. Edit and export CSS, SVG, PNG or a shader.

7 colors, 3 editable OKLCH keyframes.

• #155c6f
• #13606a
• #1c6562
• #2f6958
• #496c4b
• #646c40
• #756c3f

CSS

background: linear-gradient(180deg in oklch, oklch(44.09% 0.0730 220.78) 0.0%, oklch(44.95% 0.0715 208.77) 16.7%, oklch(46.21% 0.0694 191.23) 33.3%, oklch(47.64% 0.0675 171.11) 50.0%, oklch(49.42% 0.0663 145.83) 66.7%, oklch(51.37% 0.0654 117.96) 83.3%, oklch(52.76% 0.0648 98.20) 100.0%);

In these collections

Chalkboard classroomApp background gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works