Skip to content
Grabient palettes

Teal and yellow color palette

Blue, light blue, orange and yellow color palette

The Teal and yellow color palette brings together blue, light blue, gold, and light yellow. Angular swatches, 4 colors at 225°: #0084b7, #accbff, #d29a00, #ebec82. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #0084b7
  • #accbff
  • #d29a00
  • #ebec82

CSS

background: conic-gradient(from 225deg, oklch(57.88% 0.1225 234.86) 0.000% 25.000%, oklch(83.86% 0.0799 260.21) 25.000% 50.000%, oklch(72.05% 0.1482 82.66) 50.000% 75.000%, oklch(92.13% 0.1295 109.09) 75.000% 100.000%);

In these collections

Blue and yellow swatchesPrimary color swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works