Skip to content

Grabient palettes

Cream Navy Orange

Beige, navy, orange and brown color palette

These angular swatch wedges move through cream, navy, orange, tan, and brown in its saved order. Angular swatches, 5 colors at 225°: #fff1d2, #394a62, #d97f4f, #eaa969, #783b3b. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #fff1d2
  • #394a62
  • #d97f4f
  • #eaa969
  • #783b3b

CSS

background: conic-gradient(from 225deg, oklch(96.06% 0.0427 86.48) 0.000% 20.000%, oklch(40.55% 0.0455 256.62) 20.000% 40.000%, oklch(68.50% 0.1281 47.74) 40.000% 60.000%, oklch(78.35% 0.1116 64.64) 60.000% 80.000%, oklch(42.91% 0.0854 21.32) 80.000% 100.000%);

In these collections

Golden hour swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works