Registrarse Registrarse
CA8

CA8

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía análoga

Volver a la biblioteca

CA8

Paleta de 8 colores · Colores cálidos · Tonos mixtos · Armonía análoga

Editar
Colores terrosos 8 colores Colores cálidos Tonos mixtos Armonía análoga black blue purple brown
Me gusta 33
Colores 8

Variables CSS

:root {
  --c-earthy-1: #1C1211;
  --c-earthy-2: #602A39;
  --c-earthy-3: #3C3530;
  --c-earthy-4: #8B5A40;
  --c-earthy-5: #B6876B;
  --c-earthy-6: #8899A5;
  --c-earthy-7: #BBC07A;
  --c-earthy-8: #F5E9D9;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Saltbox (#F5E9D9), su tono más claro, a Scandinavian Liquorice (#1C1211), el más oscuro. Combina Scandinavian Liquorice, Windsor Wine, Kilimanjaro, Hope Chest, Red Gravel, Hamilton Blue, Pine Glade y Saltbox en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #1C1211 sobre #F5E9D9, con 15,33: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

Scandinavian Liquorice #1C1211
RGB
rgb(28, 18, 17)
HSL
hsl(5, 24%, 9%)
Luminancia
0,007
Windsor Wine #602A39
RGB
rgb(96, 42, 57)
HSL
hsl(343, 39%, 27%)
Luminancia
0,044
Kilimanjaro #3C3530
RGB
rgb(60, 53, 48)
HSL
hsl(25, 11%, 21%)
Luminancia
0,037
Hope Chest #8B5A40
RGB
rgb(139, 90, 64)
HSL
hsl(21, 37%, 40%)
Luminancia
0,132
Red Gravel #B6876B
RGB
rgb(182, 135, 107)
HSL
hsl(22, 34%, 57%)
Luminancia
0,283
Hamilton Blue #8899A5
RGB
rgb(136, 153, 165)
HSL
hsl(205, 14%, 59%)
Luminancia
0,307
Pine Glade #BBC07A
RGB
rgb(187, 192, 122)
HSL
hsl(64, 36%, 62%)
Luminancia
0,497
Saltbox #F5E9D9
RGB
rgb(245, 233, 217)
HSL
hsl(34, 58%, 91%)
Luminancia
0,827

Contraste y accesibilidad

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

Aa #1C1211 sobre #F5E9D9 15,33:1 AAA
Aa #3C3530 sobre #F5E9D9 10,06:1 AAA
Aa #1C1211 sobre #BBC07A 9,56:1 AAA
Aa #602A39 sobre #F5E9D9 9,29:1 AAA
Aa #3C3530 sobre #BBC07A 6,27:1 AA
Aa #1C1211 sobre #8899A5 6,25:1 AA
Aa #1C1211 sobre #B6876B 5,83:1 AA
Aa #602A39 sobre #BBC07A 5,79:1 AA
Aa #8B5A40 sobre #F5E9D9 4,83:1 AA
Aa #3C3530 sobre #8899A5 4,10:1 AA, texto grande
Aa #3C3530 sobre #B6876B 3,82:1 AA, texto grande
Aa #602A39 sobre #8899A5 3,79:1 AA, texto grande
Aa #602A39 sobre #B6876B 3,53:1 AA, texto grande
Aa #1C1211 sobre #8B5A40 3,18:1 AA, texto grande
Aa #8B5A40 sobre #BBC07A 3,01:1 AA, texto grande
Aa #B6876B sobre #F5E9D9 2,63:1 No aprobado
Aa #8899A5 sobre #F5E9D9 2,45:1 No aprobado
Aa #3C3530 sobre #8B5A40 2,08:1 No aprobado
Aa #8B5A40 sobre #8899A5 1,97:1 No aprobado
Aa #602A39 sobre #8B5A40 1,93:1 No aprobado
Aa #8B5A40 sobre #B6876B 1,83:1 No aprobado
Aa #1C1211 sobre #602A39 1,65:1 No aprobado
Aa #B6876B sobre #BBC07A 1,64:1 No aprobado
Aa #BBC07A sobre #F5E9D9 1,60:1 No aprobado
Aa #8899A5 sobre #BBC07A 1,53:1 No aprobado
Aa #1C1211 sobre #3C3530 1,52:1 No aprobado
Aa #602A39 sobre #3C3530 1,08:1 No aprobado
Aa #B6876B sobre #8899A5 1,07: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