Registrarse Registrarse
Haunted Woods

Haunted Woods

Paleta de 12 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Haunted Woods

Paleta de 12 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Editar
Colores terrosos 12 colores Colores fríos Tonos oscuros Armonía complementaria green orange blue forest
Me gusta 14
Colores 12

Variables CSS

:root {
  --c-earthy-1: #09001A;
  --c-earthy-2: #001730;
  --c-earthy-3: #192A47;
  --c-earthy-4: #273746;
  --c-earthy-5: #332F16;
  --c-earthy-6: #324A46;
  --c-earthy-7: #64757B;
  --c-earthy-8: #96746D;
  --c-earthy-9: #B57163;
  --c-earthy-10: #8C9DB7;
  --c-earthy-11: #D1A582;
  --c-earthy-12: #EED59A;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de White Corn (#EED59A), su tono más claro, a Midnight Jam (#09001A), el más oscuro. Combina Midnight Jam, Oxford by Night, Rurikon Blue, Tahitian Pearl, Olivenite, Frontier, Wharf View, Mulberry Silk, Vin Cuit, Forever Blue, Sunset Beige y White Corn en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 18 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #09001A sobre #EED59A, con 14,24: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

Midnight Jam #09001A
RGB
rgb(9, 0, 26)
HSL
hsl(261, 100%, 5%)
Luminancia
0,001
Oxford by Night #001730
RGB
rgb(0, 23, 48)
HSL
hsl(211, 100%, 9%)
Luminancia
0,008
Rurikon Blue #192A47
RGB
rgb(25, 42, 71)
HSL
hsl(218, 48%, 19%)
Luminancia
0,023
Tahitian Pearl #273746
RGB
rgb(39, 55, 70)
HSL
hsl(209, 28%, 21%)
Luminancia
0,036
Olivenite #332F16
RGB
rgb(51, 47, 22)
HSL
hsl(52, 40%, 14%)
Luminancia
0,028
Frontier #324A46
RGB
rgb(50, 74, 70)
HSL
hsl(170, 19%, 24%)
Luminancia
0,060
Wharf View #64757B
RGB
rgb(100, 117, 123)
HSL
hsl(196, 10%, 44%)
Luminancia
0,169
Mulberry Silk #96746D
RGB
rgb(150, 116, 109)
HSL
hsl(10, 16%, 51%)
Luminancia
0,201
Vin Cuit #B57163
RGB
rgb(181, 113, 99)
HSL
hsl(10, 36%, 55%)
Luminancia
0,225
Forever Blue #8C9DB7
RGB
rgb(140, 157, 183)
HSL
hsl(216, 23%, 63%)
Luminancia
0,331
Sunset Beige #D1A582
RGB
rgb(209, 165, 130)
HSL
hsl(27, 46%, 66%)
Luminancia
0,421
White Corn #EED59A
RGB
rgb(238, 213, 154)
HSL
hsl(42, 71%, 77%)
Luminancia
0,681

Contraste y accesibilidad

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

Aa #09001A sobre #EED59A 14,24:1 AAA
Aa #001730 sobre #EED59A 12,55:1 AAA
Aa #192A47 sobre #EED59A 9,99:1 AAA
Aa #332F16 sobre #EED59A 9,38:1 AAA
Aa #09001A sobre #D1A582 9,17:1 AAA
Aa #273746 sobre #EED59A 8,49:1 AAA
Aa #001730 sobre #D1A582 8,08:1 AAA
Aa #09001A sobre #8C9DB7 7,42:1 AAA
Aa #324A46 sobre #EED59A 6,63:1 AA
Aa #001730 sobre #8C9DB7 6,54:1 AA
Aa #192A47 sobre #D1A582 6,43:1 AA
Aa #332F16 sobre #D1A582 6,04:1 AA
Aa #273746 sobre #D1A582 5,47:1 AA
Aa #09001A sobre #B57163 5,36:1 AA
Aa #192A47 sobre #8C9DB7 5,21:1 AA
Aa #09001A sobre #96746D 4,89:1 AA
Aa #332F16 sobre #8C9DB7 4,89:1 AA
Aa #001730 sobre #B57163 4,73:1 AA
Aa #273746 sobre #8C9DB7 4,43:1 AA, texto grande
Aa #001730 sobre #96746D 4,30:1 AA, texto grande
Aa #324A46 sobre #D1A582 4,27:1 AA, texto grande
Aa #09001A sobre #64757B 4,26:1 AA, texto grande
Aa #192A47 sobre #B57163 3,76:1 AA, texto grande
Aa #001730 sobre #64757B 3,75:1 AA, texto grande
Aa #332F16 sobre #B57163 3,53:1 AA, texto grande
Aa #324A46 sobre #8C9DB7 3,46:1 AA, texto grande
Aa #192A47 sobre #96746D 3,43:1 AA, texto grande
Aa #64757B sobre #EED59A 3,34:1 AA, texto grande
Aa #332F16 sobre #96746D 3,22:1 AA, texto grande
Aa #273746 sobre #B57163 3,20:1 AA, texto grande
Aa #192A47 sobre #64757B 2,99:1 No aprobado
Aa #273746 sobre #96746D 2,91:1 No aprobado
Aa #96746D sobre #EED59A 2,91:1 No aprobado
Aa #332F16 sobre #64757B 2,80:1 No aprobado
Aa #B57163 sobre #EED59A 2,65:1 No aprobado
Aa #273746 sobre #64757B 2,54:1 No aprobado
Aa #324A46 sobre #B57163 2,50:1 No aprobado
Aa #324A46 sobre #96746D 2,28:1 No aprobado
Aa #09001A sobre #324A46 2,15:1 No aprobado
Aa #64757B sobre #D1A582 2,15:1 No aprobado
Aa #324A46 sobre #64757B 1,98:1 No aprobado
Aa #8C9DB7 sobre #EED59A 1,92:1 No aprobado
Aa #001730 sobre #324A46 1,89:1 No aprobado
Aa #96746D sobre #D1A582 1,88:1 No aprobado
Aa #64757B sobre #8C9DB7 1,74:1 No aprobado
Aa #B57163 sobre #D1A582 1,71:1 No aprobado
Aa #09001A sobre #273746 1,68:1 No aprobado
Aa #D1A582 sobre #EED59A 1,55:1 No aprobado
Aa #09001A sobre #332F16 1,52:1 No aprobado
Aa #96746D sobre #8C9DB7 1,52:1 No aprobado
Aa #192A47 sobre #324A46 1,51:1 No aprobado
Aa #001730 sobre #273746 1,48:1 No aprobado
Aa #09001A sobre #192A47 1,43:1 No aprobado
Aa #332F16 sobre #324A46 1,41:1 No aprobado
Aa #B57163 sobre #8C9DB7 1,38:1 No aprobado
Aa #001730 sobre #332F16 1,34:1 No aprobado
Aa #273746 sobre #324A46 1,28:1 No aprobado
Aa #001730 sobre #192A47 1,26:1 No aprobado
Aa #64757B sobre #B57163 1,26:1 No aprobado
Aa #8C9DB7 sobre #D1A582 1,24:1 No aprobado
Aa #192A47 sobre #273746 1,18:1 No aprobado
Aa #64757B sobre #96746D 1,15:1 No aprobado
Aa #09001A sobre #001730 1,14:1 No aprobado
Aa #273746 sobre #332F16 1,10:1 No aprobado
Aa #96746D sobre #B57163 1,10:1 No aprobado
Aa #192A47 sobre #332F16 1,07:1 No aprobado

Paletas similares

#212121 #323232 #0D7377 #14FFEC
4 colores
#0A2647 #144272 #205295 #2C74B3
4 colores
#040D12 #183D3D #5C8374 #93B1A6
4 colores
#142850 #27496D #0C7B93 #00A8CC
4 colores
#635985 #443C68 #393053 #18122B
4 colores
#000000 #150050 #3F0071 #610094
4 colores
#151515 #301B3F #3C415C #B4A5A5
4 colores
#041C32 #04293A #064663 #ECB365
4 colores