Registrarse Registrarse
Everglow Diamond

Everglow Diamond

Paleta de 12 colores · Colores cálidos · Tonos oscuros · Armonía monocromática

Volver a la biblioteca

Everglow Diamond

Paleta de 12 colores · Colores cálidos · Tonos oscuros · Armonía monocromática

Editar
Colores terrosos 12 colores Colores cálidos Tonos oscuros Armonía monocromática gray orange red yellow
Me gusta 139
Colores 12

Variables CSS

:root {
  --c-earthy-1: #1A1C22;
  --c-earthy-2: #3F272B;
  --c-earthy-3: #54353D;
  --c-earthy-4: #50494C;
  --c-earthy-5: #6A5960;
  --c-earthy-6: #701F17;
  --c-earthy-7: #942626;
  --c-earthy-8: #A62E36;
  --c-earthy-9: #A14626;
  --c-earthy-10: #B15C34;
  --c-earthy-11: #D58941;
  --c-earthy-12: #FFE257;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Pickled Ginger (#FFE257), su tono más claro, a Satin Deep Black (#1A1C22), el más oscuro. Combina Satin Deep Black, Wenge Black, Blackcurrant Conserve, Emperor, Urban Legend, Persian Plum, Vivid Auburn, Show-Stopper, Potter’s Clay, Monument Valley, Jazz Brass y Pickled Ginger en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 11 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #1A1C22 sobre #FFE257, con 13,19: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

Satin Deep Black #1A1C22
RGB
rgb(26, 28, 34)
HSL
hsl(225, 13%, 12%)
Luminancia
0,012
Wenge Black #3F272B
RGB
rgb(63, 39, 43)
HSL
hsl(350, 24%, 20%)
Luminancia
0,027
Blackcurrant Conserve #54353D
RGB
rgb(84, 53, 61)
HSL
hsl(345, 23%, 27%)
Luminancia
0,048
Emperor #50494C
RGB
rgb(80, 73, 76)
HSL
hsl(334, 5%, 30%)
Luminancia
0,070
Urban Legend #6A5960
RGB
rgb(106, 89, 96)
HSL
hsl(335, 9%, 38%)
Luminancia
0,111
Persian Plum #701F17
RGB
rgb(112, 31, 23)
HSL
hsl(5, 66%, 26%)
Luminancia
0,045
Vivid Auburn #942626
RGB
rgb(148, 38, 38)
HSL
hsl(0, 59%, 36%)
Luminancia
0,078
Show-Stopper #A62E36
RGB
rgb(166, 46, 54)
HSL
hsl(356, 57%, 42%)
Luminancia
0,103
Potter’s Clay #A14626
RGB
rgb(161, 70, 38)
HSL
hsl(16, 62%, 39%)
Luminancia
0,121
Monument Valley #B15C34
RGB
rgb(177, 92, 52)
HSL
hsl(19, 55%, 45%)
Luminancia
0,173
Jazz Brass #D58941
RGB
rgb(213, 137, 65)
HSL
hsl(29, 64%, 55%)
Luminancia
0,324
Pickled Ginger #FFE257
RGB
rgb(255, 226, 87)
HSL
hsl(50, 100%, 67%)
Luminancia
0,763

Contraste y accesibilidad

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

Aa #1A1C22 sobre #FFE257 13,19:1 AAA
Aa #3F272B sobre #FFE257 10,59:1 AAA
Aa #701F17 sobre #FFE257 8,57:1 AAA
Aa #54353D sobre #FFE257 8,33:1 AAA
Aa #50494C sobre #FFE257 6,78:1 AA
Aa #942626 sobre #FFE257 6,34:1 AA
Aa #1A1C22 sobre #D58941 6,07:1 AA
Aa #A62E36 sobre #FFE257 5,31:1 AA
Aa #6A5960 sobre #FFE257 5,07:1 AA
Aa #3F272B sobre #D58941 4,87:1 AA
Aa #A14626 sobre #FFE257 4,76:1 AA
Aa #701F17 sobre #D58941 3,94:1 AA, texto grande
Aa #54353D sobre #D58941 3,83:1 AA, texto grande
Aa #B15C34 sobre #FFE257 3,66:1 AA, texto grande
Aa #1A1C22 sobre #B15C34 3,61:1 AA, texto grande
Aa #50494C sobre #D58941 3,12:1 AA, texto grande
Aa #942626 sobre #D58941 2,92:1 No aprobado
Aa #3F272B sobre #B15C34 2,90:1 No aprobado
Aa #1A1C22 sobre #A14626 2,77:1 No aprobado
Aa #1A1C22 sobre #6A5960 2,60:1 No aprobado
Aa #1A1C22 sobre #A62E36 2,49:1 No aprobado
Aa #A62E36 sobre #D58941 2,44:1 No aprobado
Aa #701F17 sobre #B15C34 2,35:1 No aprobado
Aa #6A5960 sobre #D58941 2,33:1 No aprobado
Aa #54353D sobre #B15C34 2,28:1 No aprobado
Aa #3F272B sobre #A14626 2,23:1 No aprobado
Aa #A14626 sobre #D58941 2,19:1 No aprobado
Aa #D58941 sobre #FFE257 2,17:1 No aprobado
Aa #3F272B sobre #6A5960 2,09:1 No aprobado
Aa #1A1C22 sobre #942626 2,08:1 No aprobado
Aa #3F272B sobre #A62E36 2,00:1 No aprobado
Aa #1A1C22 sobre #50494C 1,95:1 No aprobado
Aa #50494C sobre #B15C34 1,86:1 No aprobado
Aa #701F17 sobre #A14626 1,80:1 No aprobado
Aa #54353D sobre #A14626 1,75:1 No aprobado
Aa #942626 sobre #B15C34 1,74:1 No aprobado
Aa #6A5960 sobre #701F17 1,69:1 No aprobado
Aa #B15C34 sobre #D58941 1,68:1 No aprobado
Aa #3F272B sobre #942626 1,67:1 No aprobado
Aa #54353D sobre #6A5960 1,64:1 No aprobado
Aa #701F17 sobre #A62E36 1,62:1 No aprobado
Aa #1A1C22 sobre #54353D 1,58:1 No aprobado
Aa #54353D sobre #A62E36 1,57:1 No aprobado
Aa #3F272B sobre #50494C 1,56:1 No aprobado
Aa #1A1C22 sobre #701F17 1,54:1 No aprobado
Aa #A62E36 sobre #B15C34 1,45:1 No aprobado
Aa #50494C sobre #A14626 1,43:1 No aprobado
Aa #6A5960 sobre #B15C34 1,39:1 No aprobado
Aa #701F17 sobre #942626 1,35:1 No aprobado
Aa #50494C sobre #6A5960 1,34:1 No aprobado
Aa #942626 sobre #A14626 1,33:1 No aprobado
Aa #54353D sobre #942626 1,31:1 No aprobado
Aa #A14626 sobre #B15C34 1,30:1 No aprobado
Aa #50494C sobre #A62E36 1,28:1 No aprobado
Aa #3F272B sobre #54353D 1,27:1 No aprobado
Aa #50494C sobre #701F17 1,26:1 No aprobado
Aa #1A1C22 sobre #3F272B 1,25:1 No aprobado
Aa #6A5960 sobre #942626 1,25:1 No aprobado
Aa #3F272B sobre #701F17 1,23:1 No aprobado
Aa #54353D sobre #50494C 1,23:1 No aprobado
Aa #942626 sobre #A62E36 1,20:1 No aprobado
Aa #A62E36 sobre #A14626 1,12:1 No aprobado
Aa #50494C sobre #942626 1,07:1 No aprobado
Aa #6A5960 sobre #A14626 1,07:1 No aprobado
Aa #6A5960 sobre #A62E36 1,05:1 No aprobado
Aa #54353D sobre #701F17 1,03:1 No aprobado

Paletas similares

#000000 #3D0000 #950101 #FF0000
4 colores
#E23E57 #88304E #522546 #311D3F
4 colores
#FF204E #A0153E #5D0E41 #00224D
4 colores
#030637 #3C0753 #720455 #910A67
4 colores
#1C0A00 #361500 #603601 #CC9544
4 colores
#252525 #FF0000 #AF0404 #414141
4 colores
#362222 #171010 #423F3E #2B2B2B
4 colores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colores