Esquemas del color naranja
#853400
Detalles
#c06500
Detalles
#ff9800
Detalles
#ffcc50
Detalles
#ffff89
Detalles

Paletas de color naranja para usar en html y css

El color naranja es un tono que se encuentra en el medio del rojo y del amarillo en el círculo cromático.

Asi que una paleta de colores naranja, es una buena opción a tener en cuenta para utilizar en tu proyecto, si lo que quieres es transmitir excentricidad y hacer que tu marca llame mucho la atención.

Según la psicologia del color el naranja es un color cálido y transmite las siguientes sensaciones:

  • Alegría.
  • Entusiasmo.
  • Creatividad.
  • Excentricidad.

Paletas monocromáticas de diferentes gamas y tipos de color naranja

Para escoger una paleta de colores hay que tener en cuenta las diferentes tonalidades y gamas de un color, a continuación tienes diferentes paletas monocromáticas anaranjadas para que encuentres el tono ideal para tu proyecto con sus respectivos códigos html.

Paleta de color naranja
#c66900#e28000#ff9800#ffc340#ffed6b
paleta monocromática del color naranja
Paleta de color mandarina
#ee4a00#f55000#fc5500#ff6d2a#ff9460
paleta de color mandarina
Paleta de color naranja rojizo
#ce2307#d42b0b#db3210#e7522e#f69060
color naranja rojizo
Paleta de color canela
#9b3c00#b6520f#d2691e#ea9247#ffbb6e
Paleta de color canela
Paleta de color mandarina
#b95700#d56e00#f28500#fbb03c#ffd966
Paleta de color mandarina
Paleta de color mango
#c65314#e26a2c#ff8243#ffae6a#ffd792
Paleta de color mango
Color naranja fluorescente
#c00000#de2e03#fc4b08#ff7c39#ffa460
Color naranja fluorescente
Color naranja pastel
#c88310#e39b2e#ffb347#ffd971#ffff9a
Color naranja tono pastel

Combinaciones del color anaranjado para tus paletas

En las siguientes imágenes encontrarás paletas de color anaranjado combinadas, para que tengas una paleta variada en tu proyecto. Haz click y copia el código de cada color.

Paleta de color naranja y azul
#e28000#ff9800#ffc340#137fd9#2196f3
Color naranja con azul
Paleta de color naranja y verde
#e28000#ff9800#ffc340#009846#48c26c
combinación color naranja con verde
Paleta de color naranja y gris
#e28000#ff9800#ffc340#666666#8c8c8c
combinación color naranja con gris
Paleta de color naranja y amarillo
#e28000#ff9800#ffc340#ffff00#ffff56
combinación color naranja con amarillo
Color naranja y rosa
#e28000#ff9800#ffc340#ff69b4#ff97d9
Color naranja y rosa
Color naranja y rojo
#e28000#ff9800#ffc340#e00000#ff0000
Color naranja y rojo
Color naranja y marron
#e28000#ff9800#ffc340#8d4925#b96e48
Color naranja y marron