Ocherleave

El diseño de Ocherleave está pensado para fondos oscuros. El menú oculto permite más espacio, ampliación de contenidos. Elegantes detalles y líneas finas.

Live Demo

Ocherleave

ficha de plantilla

ID de plantilla: 1320662

Ocherleave

guía cromática

En la template Ocherleave, hemos definido una paleta de color muy sencilla, ya que los colores principales se aplican principalmente en botones, enlaces y líneas de diseño que se aplican para destacar la información.

 

Puedes cambiar y personalizar esta paleta según las necesidades de tu proyecto. Nuestras web son perfectamente customizables.

Ocherleave

guía cromática

COLOR PLANO PRINCIPAL 1

rgb(216, 201, 37)

Color hexadecimal:

#d8c925

COLOR PLANO PRINCIPAL 2

rgb(216, 201, 37)

Color hexadecimal:

#d8c925

COLOR PLANO PRINCIPAL 3

rgb(39, 39, 39)

Color hexadecimal:

#272727

COLOR PLANO SECUNDARIO 1

rgba(216, 201, 37, 0.44)

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)