Registrarse Registrarse
Pwscowden

Pwscowden

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

Volver a la biblioteca

Pwscowden

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

Editar
Colores terrosos 10 colores Colores cálidos Tonos oscuros Armonía complementaria green yellow ocean aqua
Me gusta 15
Colores 10

Variables CSS

:root {
  --c-earthy-1: #0F0A0A;
  --c-earthy-2: #0F2021;
  --c-earthy-3: #0F3538;
  --c-earthy-4: #496767;
  --c-earthy-5: #87A19E;
  --c-earthy-6: #FF6600;
  --c-earthy-7: #FF9200;
  --c-earthy-8: #FFBE00;
  --c-earthy-9: #F8E08E;
  --c-earthy-10: #FAFAF0;
}

Sobre esta paleta

Esta paleta de 10 colores terrosos va de Enoki (#FAFAF0), su tono más claro, a Stout (#0F0A0A), el más oscuro. Combina Stout, Black Feather, Elite Teal, Walk Me Home, Venus Teal, Safety Orange, Tangerine, Amber, Fresh Yellow y Enoki en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 20 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #0F0A0A sobre #FAFAF0, con 18,72: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

Stout #0F0A0A
RGB
rgb(15, 10, 10)
HSL
hsl(0, 20%, 5%)
Luminancia
0,003
Black Feather #0F2021
RGB
rgb(15, 32, 33)
HSL
hsl(183, 38%, 9%)
Luminancia
0,012
Elite Teal #0F3538
RGB
rgb(15, 53, 56)
HSL
hsl(184, 58%, 14%)
Luminancia
0,029
Walk Me Home #496767
RGB
rgb(73, 103, 103)
HSL
hsl(180, 17%, 35%)
Luminancia
0,121
Venus Teal #87A19E
RGB
rgb(135, 161, 158)
HSL
hsl(173, 12%, 58%)
Luminancia
0,331
Safety Orange #FF6600
RGB
rgb(255, 102, 0)
HSL
hsl(24, 100%, 50%)
Luminancia
0,308
Tangerine #FF9200
RGB
rgb(255, 146, 0)
HSL
hsl(34, 100%, 50%)
Luminancia
0,418
Amber #FFBE00
RGB
rgb(255, 190, 0)
HSL
hsl(45, 100%, 50%)
Luminancia
0,581
Fresh Yellow #F8E08E
RGB
rgb(248, 224, 142)
HSL
hsl(46, 88%, 76%)
Luminancia
0,752
Enoki #FAFAF0
RGB
rgb(250, 250, 240)
HSL
hsl(60, 50%, 96%)
Luminancia
0,950

Contraste y accesibilidad

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

Aa #0F0A0A sobre #FAFAF0 18,72:1 AAA
Aa #0F2021 sobre #FAFAF0 16,01:1 AAA
Aa #0F0A0A sobre #F8E08E 15,02:1 AAA
Aa #0F2021 sobre #F8E08E 12,85:1 AAA
Aa #0F3538 sobre #FAFAF0 12,60:1 AAA
Aa #0F0A0A sobre #FFBE00 11,81:1 AAA
Aa #0F3538 sobre #F8E08E 10,11:1 AAA
Aa #0F2021 sobre #FFBE00 10,10:1 AAA
Aa #0F0A0A sobre #FF9200 8,77:1 AAA
Aa #0F3538 sobre #FFBE00 7,95:1 AAA
Aa #0F2021 sobre #FF9200 7,50:1 AAA
Aa #0F0A0A sobre #87A19E 7,14:1 AAA
Aa #0F0A0A sobre #FF6600 6,70:1 AA
Aa #0F2021 sobre #87A19E 6,10:1 AA
Aa #0F3538 sobre #FF9200 5,90:1 AA
Aa #496767 sobre #FAFAF0 5,85:1 AA
Aa #0F2021 sobre #FF6600 5,73:1 AA
Aa #0F3538 sobre #87A19E 4,80:1 AA
Aa #496767 sobre #F8E08E 4,69:1 AA
Aa #0F3538 sobre #FF6600 4,51:1 AA
Aa #496767 sobre #FFBE00 3,69:1 AA, texto grande
Aa #0F0A0A sobre #496767 3,20:1 AA, texto grande
Aa #FF6600 sobre #FAFAF0 2,80:1 No aprobado
Aa #0F2021 sobre #496767 2,74:1 No aprobado
Aa #496767 sobre #FF9200 2,74:1 No aprobado
Aa #87A19E sobre #FAFAF0 2,62:1 No aprobado
Aa #FF6600 sobre #F8E08E 2,24:1 No aprobado
Aa #496767 sobre #87A19E 2,23:1 No aprobado
Aa #0F3538 sobre #496767 2,16:1 No aprobado
Aa #FF9200 sobre #FAFAF0 2,14:1 No aprobado
Aa #87A19E sobre #F8E08E 2,11:1 No aprobado
Aa #496767 sobre #FF6600 2,09:1 No aprobado
Aa #FF6600 sobre #FFBE00 1,76:1 No aprobado
Aa #FF9200 sobre #F8E08E 1,71:1 No aprobado
Aa #87A19E sobre #FFBE00 1,66:1 No aprobado
Aa #FFBE00 sobre #FAFAF0 1,58:1 No aprobado
Aa #0F0A0A sobre #0F3538 1,49:1 No aprobado
Aa #FF9200 sobre #FFBE00 1,35:1 No aprobado
Aa #FF6600 sobre #FF9200 1,31:1 No aprobado
Aa #0F2021 sobre #0F3538 1,27:1 No aprobado
Aa #FFBE00 sobre #F8E08E 1,27:1 No aprobado
Aa #F8E08E sobre #FAFAF0 1,25:1 No aprobado
Aa #87A19E sobre #FF9200 1,23:1 No aprobado
Aa #0F0A0A sobre #0F2021 1,17:1 No aprobado
Aa #87A19E sobre #FF6600 1,07: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