Oxygen

Tipo de diseño versátil en el que incluir imágenes y textos de forma precisa. Recomendable para facilitar contactos de los usuarios con el propietario de la web.

Live Demo

Oxygen

ficha de plantilla

ID de plantilla: 1320645

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)