Orange, fauve et gris (analogues) aux tons pastel en aplats linéaires

Aplats linéaires, 21 couleurs à 0° : #ff834d, #ffa063, #f6be85, #dcceb7, #c2c9d6. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

• #ff834d
• #ff8750
• #ff8d54
• #ff9459
• #ff9a5e
• #ffa063
• #fea76a
• #fdad71
• #fbb378
• #f9b97f
• #f6be85
• #f2c28c
• #edc795
• #e8caa0
• #e3ccac
• #dcceb7
• #d3cfbe
• #cad1c4
• #c0d0cc
• #becdd4
• #c2c9d6

CSS

background: linear-gradient(0deg, oklch(74.01% 0.1662 42.89) 0.000% 4.762%, oklch(74.71% 0.1618 44.17) 4.762% 9.524%, oklch(75.71% 0.1556 46.00) 9.524% 14.286%, oklch(76.85% 0.1490 48.12) 14.286% 19.048%, oklch(77.95% 0.1428 50.29) 19.048% 23.810%, oklch(79.04% 0.1363 52.42) 23.810% 28.571%, oklch(80.19% 0.1288 54.65) 28.571% 33.333%, oklch(81.30% 0.1210 57.07) 33.333% 38.095%, oklch(82.28% 0.1130 59.80) 38.095% 42.857%, oklch(83.14% 0.1052 62.74) 42.857% 47.619%, oklch(83.91% 0.0973 65.87) 47.619% 52.381%, oklch(84.55% 0.0887 69.41) 52.381% 57.143%, oklch(85.04% 0.0785 73.54) 57.143% 61.905%, oklch(85.36% 0.0650 75.10) 61.905% 66.667%, oklch(85.53% 0.0491 75.06) 66.667% 71.429%, oklch(85.56% 0.0341 79.80) 71.429% 76.190%, oklch(85.43% 0.0234 95.73) 76.190% 80.952%, oklch(85.06% 0.0187 131.20) 80.952% 85.714%, oklch(84.47% 0.0179 180.60) 85.714% 90.476%, oklch(83.87% 0.0188 229.30) 90.476% 95.238%, oklch(83.46% 0.0193 262.69) 95.238% 100.000%);

Dans ces collections

Dégradés orange et bleu

Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche