Registrarse Registrarse
TY Royalty 10

TY Royalty 10

Paleta de 10 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

TY Royalty 10

Paleta de 10 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 10 colores Colores cálidos Tonos mixtos Armonía complementaria
Me gusta 6
Colores 10

Variables CSS

:root {
  --c-earthy-1: #EFC8E2;
  --c-earthy-2: #D5AA59;
  --c-earthy-3: #8D7731;
  --c-earthy-4: #525E38;
  --c-earthy-5: #243E2C;
  --c-earthy-6: #8EA7B6;
  --c-earthy-7: #7D6F7B;
  --c-earthy-8: #875834;
  --c-earthy-9: #404E49;
  --c-earthy-10: #4E4035;
}

Sobre esta paleta

Esta paleta de 10 colores terrosos va de Venetian Rose (#EFC8E2), su tono más claro, a Palm Green (#243E2C), el más oscuro. Combina Venetian Rose, Afghan Sand, Aubergine Green, Shallot Leaf, Palm Green, Blue Skylights, Plum Shadow, Burnt Crust, Corduroy y Paco en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 7 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #EFC8E2 sobre #243E2C, con 7,79:1.

Tonos naturales y serenos que encajan con marcas sostenibles y ecológicas, cafeterías, equipamiento de montaña y tipografía editorial cálida.

Desglose de colores

Venetian Rose #EFC8E2
RGB
rgb(239, 200, 226)
HSL
hsl(320, 55%, 86%)
Luminancia
0,652
Afghan Sand #D5AA59
RGB
rgb(213, 170, 89)
HSL
hsl(39, 60%, 59%)
Luminancia
0,436
Aubergine Green #8D7731
RGB
rgb(141, 119, 49)
HSL
hsl(46, 48%, 37%)
Luminancia
0,191
Shallot Leaf #525E38
RGB
rgb(82, 94, 56)
HSL
hsl(79, 25%, 29%)
Luminancia
0,101
Palm Green #243E2C
RGB
rgb(36, 62, 44)
HSL
hsl(138, 27%, 19%)
Luminancia
0,040
Blue Skylights #8EA7B6
RGB
rgb(142, 167, 182)
HSL
hsl(203, 22%, 64%)
Luminancia
0,368
Plum Shadow #7D6F7B
RGB
rgb(125, 111, 123)
HSL
hsl(309, 6%, 46%)
Luminancia
0,172
Burnt Crust #875834
RGB
rgb(135, 88, 52)
HSL
hsl(26, 44%, 37%)
Luminancia
0,124
Corduroy #404E49
RGB
rgb(64, 78, 73)
HSL
hsl(159, 10%, 28%)
Luminancia
0,070
Paco #4E4035
RGB
rgb(78, 64, 53)
HSL
hsl(26, 19%, 26%)
Luminancia
0,055

Contraste y accesibilidad

Combinaciones de colores en la paleta: 45. De ellas, 7 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.

Aa #EFC8E2 sobre #243E2C 7,79:1 AAA
Aa #EFC8E2 sobre #4E4035 6,65:1 AA
Aa #EFC8E2 sobre #404E49 5,84:1 AA
Aa #D5AA59 sobre #243E2C 5,40:1 AA
Aa #EFC8E2 sobre #525E38 4,65:1 AA
Aa #243E2C sobre #8EA7B6 4,64:1 AA
Aa #D5AA59 sobre #4E4035 4,61:1 AA
Aa #EFC8E2 sobre #875834 4,04:1 AA, texto grande
Aa #D5AA59 sobre #404E49 4,04:1 AA, texto grande
Aa #8EA7B6 sobre #4E4035 3,96:1 AA, texto grande
Aa #8EA7B6 sobre #404E49 3,47:1 AA, texto grande
Aa #D5AA59 sobre #525E38 3,22:1 AA, texto grande
Aa #EFC8E2 sobre #7D6F7B 3,17:1 AA, texto grande
Aa #EFC8E2 sobre #8D7731 2,91:1 No aprobado
Aa #D5AA59 sobre #875834 2,80:1 No aprobado
Aa #525E38 sobre #8EA7B6 2,77:1 No aprobado
Aa #8D7731 sobre #243E2C 2,67:1 No aprobado
Aa #243E2C sobre #7D6F7B 2,46:1 No aprobado
Aa #8EA7B6 sobre #875834 2,40:1 No aprobado
Aa #8D7731 sobre #4E4035 2,28:1 No aprobado
Aa #D5AA59 sobre #7D6F7B 2,19:1 No aprobado
Aa #7D6F7B sobre #4E4035 2,10:1 No aprobado
Aa #D5AA59 sobre #8D7731 2,02:1 No aprobado
Aa #8D7731 sobre #404E49 2,00:1 No aprobado
Aa #243E2C sobre #875834 1,93:1 No aprobado
Aa #8EA7B6 sobre #7D6F7B 1,88:1 No aprobado
Aa #7D6F7B sobre #404E49 1,84:1 No aprobado
Aa #8D7731 sobre #8EA7B6 1,73:1 No aprobado
Aa #EFC8E2 sobre #8EA7B6 1,68:1 No aprobado
Aa #525E38 sobre #243E2C 1,68:1 No aprobado
Aa #875834 sobre #4E4035 1,65:1 No aprobado
Aa #8D7731 sobre #525E38 1,60:1 No aprobado
Aa #525E38 sobre #7D6F7B 1,47:1 No aprobado
Aa #875834 sobre #404E49 1,45:1 No aprobado
Aa #EFC8E2 sobre #D5AA59 1,44:1 No aprobado
Aa #525E38 sobre #4E4035 1,43:1 No aprobado
Aa #8D7731 sobre #875834 1,39:1 No aprobado
Aa #243E2C sobre #404E49 1,34:1 No aprobado
Aa #7D6F7B sobre #875834 1,28:1 No aprobado
Aa #525E38 sobre #404E49 1,25:1 No aprobado
Aa #243E2C sobre #4E4035 1,17:1 No aprobado
Aa #D5AA59 sobre #8EA7B6 1,16:1 No aprobado
Aa #525E38 sobre #875834 1,15:1 No aprobado
Aa #404E49 sobre #4E4035 1,14:1 No aprobado
Aa #8D7731 sobre #7D6F7B 1,09:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores