Blue and orange color palette

The Blue and orange color palette brings together off-white, dark gray, blue, teal, and orange. Linear swatches, 5 colors at 90°: #eaf3ff, #161d26, #1c73d4, #00a29b, #e97f27. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

• #eaf3ff
• #161d26
• #1c73d4
• #00a29b
• #e97f27

CSS

background: linear-gradient(90deg, oklch(96.06% 0.0189 255.21) 0.000% 20.000%, oklch(22.83% 0.0207 255.23) 20.000% 40.000%, oklch(55.91% 0.1695 255.23) 40.000% 60.000%, oklch(64.18% 0.1109 189.71) 60.000% 80.000%, oklch(70.08% 0.1598 54.45) 80.000% 100.000%);

In these collections

Modern swatchesPresentation swatchesUI swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works