Oxygen
guía cromática
En la template Oxyen, hemos definido una paleta de color fresca basada en una misma familia de tonalidades. Los colores principales son una selección de tres tonos azules, de más luminosos a más oscuros. Su uso está predefinido en el área de diseño global.
Puedes cambiar y personalizar esta paleta según las necesidades de tu proyecto. Nuestras web son perfectamente customizables.
Oxygen
guía cromática
COLOR PLANO PRINCIPAL 1
rgb(86, 170, 234)
Color hexadecimal:
#56aaea
COLOR PLANO PRINCIPAL 2
rgb(68, 145, 203)
Color hexadecimal:
#4491cb
COLOR PLANO PRINCIPAL 3
rgb(30, 97, 147)
Color hexadecimal:
#1e6193
COLOR PLANO SECUNDARIO 1
rgba(68, 145, 203, 0.7)
COLOR PLANO SECUNDARIO 2
rgba(0, 0, 0, 0.4)
COLOR PLANO SECUNDARIO 3
rgba(255, 255, 255, 0.5)
COLOR PLANO PRINCIPAL 1
rgb(220, 93, 247)
Color hexadecimal:
#dc5df7
COLOR PLANO PRINCIPAL 2
rgb(185, 22, 222)
Color hexadecimal:
#B916DE
COLOR PLANO PRINCIPAL 3
rgb(84, 38, 94)
Color hexadecimal:
#54265E
COLOR PLANO SECUNDARIO 1
rgba(185, 22, 222, 0.46)
COLOR PLANO SECUNDARIO 2
rgba(0, 0, 0, 0.4)
COLOR PLANO SECUNDARIO 3
rgba(255, 255, 255, 0.5)
COLOR PLANO PRINCIPAL 1
rgb(224, 100, 121)
Color hexadecimal:
#E06479
COLOR PLANO PRINCIPAL 2
rgb(199, 0, 33)
Color hexadecimal:
#C70021
COLOR PLANO PRINCIPAL 3
rgb(71, 21, 30)
Color hexadecimal:
#47151E
COLOR PLANO SECUNDARIO 1
rgba(199, 0, 33, 0.48)
COLOR PLANO SECUNDARIO 2
rgba(0, 0, 0, 0.4)
COLOR PLANO SECUNDARIO 3
rgba(255, 255, 255, 0.5)
COLOR PLANO PRINCIPAL 1
rgb(255, 148, 77)
Color hexadecimal:
#ff944d
COLOR PLANO PRINCIPAL 2
rgb(255, 102, 0)
Color hexadecimal:
#FF6600
COLOR PLANO PRINCIPAL 3
rgb(128, 74, 38)
Color hexadecimal:
#804a26
COLOR PLANO SECUNDARIO 1
rgba(255, 102, 0, 0.31)
COLOR PLANO SECUNDARIO 2
rgba(0, 0, 0, 0.4)
COLOR PLANO SECUNDARIO 3
rgba(255, 255, 255, 0.5)
COLOR PLANO PRINCIPAL 1
rgb(220, 250, 137)
Color hexadecimal:
#DCFA89
COLOR PLANO PRINCIPAL 2
rgb(181, 224, 61)
Color hexadecimal:
#B5E03D
COLOR PLANO PRINCIPAL 3
rgb(86, 97, 55)
Color hexadecimal:
#566137
COLOR PLANO SECUNDARIO 1
rgba(181, 224, 61, 0.59)
COLOR PLANO SECUNDARIO 2
rgba(0, 0, 0, 0.4)
COLOR PLANO SECUNDARIO 3
rgba(255, 255, 255, 0.5)
COLOR PLANO PRINCIPAL 1
rgb(175, 248, 243)
Color hexadecimal:
#AFF8F3
COLOR PLANO PRINCIPAL 2
rgb(40, 222, 210)
Color hexadecimal:
#28DED2
COLOR PLANO PRINCIPAL 3
rgb(45, 94, 91)
Color hexadecimal:
#2D5E5B
COLOR PLANO SECUNDARIO 1
rgba(40, 222, 210, 0.59)
COLOR PLANO SECUNDARIO 2
rgba(0, 0, 0, 0.4)
COLOR PLANO SECUNDARIO 3
rgba(255, 255, 255, 0.5)