Registrarse Registrarse
Foggy Nature

Foggy Nature

Paleta de 12 colores · Colores neutros · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Foggy Nature

Paleta de 12 colores · Colores neutros · Tonos mixtos · Armonía complementaria

Editar
Colores terrosos 12 colores Colores neutros Tonos mixtos Armonía complementaria green grey nature neutral
Me gusta 31
Colores 12

Variables CSS

:root {
  --c-earthy-1: #BFBFFF;
  --c-earthy-2: #9F9FCF;
  --c-earthy-3: #937FA2;
  --c-earthy-4: #925F79;
  --c-earthy-5: #584049;
  --c-earthy-6: #273620;
  --c-earthy-7: #032300;
  --c-earthy-8: #93887F;
  --c-earthy-9: #926D5F;
  --c-earthy-10: #274020;
  --c-earthy-11: #585940;
  --c-earthy-12: #9FA3B3;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Dried Lilac (#BFBFFF), su tono más claro, a Rainforest Nights (#032300), el más oscuro. Combina Dried Lilac, Indigo Child, Violet Chalk, Victorian Plum, Bruised Burgundy, Mountain Range Green, Rainforest Nights, Abandoned Mansion, Chocolate Curl, Myrtle, Pinetop y Great Falls en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 12 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #BFBFFF sobre #032300, con 9,73: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

Dried Lilac #BFBFFF
RGB
rgb(191, 191, 255)
HSL
hsl(240, 100%, 87%)
Luminancia
0,556
Indigo Child #9F9FCF
RGB
rgb(159, 159, 207)
HSL
hsl(240, 33%, 72%)
Luminancia
0,367
Violet Chalk #937FA2
RGB
rgb(147, 127, 162)
HSL
hsl(274, 16%, 57%)
Luminancia
0,240
Victorian Plum #925F79
RGB
rgb(146, 95, 121)
HSL
hsl(329, 21%, 47%)
Luminancia
0,157
Bruised Burgundy #584049
RGB
rgb(88, 64, 73)
HSL
hsl(338, 16%, 30%)
Luminancia
0,062
Mountain Range Green #273620
RGB
rgb(39, 54, 32)
HSL
hsl(101, 26%, 17%)
Luminancia
0,032
Rainforest Nights #032300
RGB
rgb(3, 35, 0)
HSL
hsl(115, 100%, 7%)
Luminancia
0,012
Abandoned Mansion #93887F
RGB
rgb(147, 136, 127)
HSL
hsl(27, 8%, 54%)
Luminancia
0,253
Chocolate Curl #926D5F
RGB
rgb(146, 109, 95)
HSL
hsl(16, 21%, 47%)
Luminancia
0,179
Myrtle #274020
RGB
rgb(39, 64, 32)
HSL
hsl(107, 33%, 19%)
Luminancia
0,042
Pinetop #585940
RGB
rgb(88, 89, 64)
HSL
hsl(62, 16%, 30%)
Luminancia
0,096
Great Falls #9FA3B3
RGB
rgb(159, 163, 179)
HSL
hsl(228, 12%, 66%)
Luminancia
0,368

Contraste y accesibilidad

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

Aa #BFBFFF sobre #032300 9,73:1 AAA
Aa #BFBFFF sobre #273620 7,41:1 AAA
Aa #032300 sobre #9FA3B3 6,72:1 AA
Aa #9F9FCF sobre #032300 6,70:1 AA
Aa #BFBFFF sobre #274020 6,58:1 AA
Aa #BFBFFF sobre #584049 5,40:1 AA
Aa #273620 sobre #9FA3B3 5,12:1 AA
Aa #9F9FCF sobre #273620 5,10:1 AA
Aa #032300 sobre #93887F 4,88:1 AA
Aa #937FA2 sobre #032300 4,66:1 AA
Aa #274020 sobre #9FA3B3 4,54:1 AA
Aa #9F9FCF sobre #274020 4,53:1 AA
Aa #BFBFFF sobre #585940 4,15:1 AA, texto grande
Aa #584049 sobre #9FA3B3 3,73:1 AA, texto grande
Aa #9F9FCF sobre #584049 3,71:1 AA, texto grande
Aa #273620 sobre #93887F 3,71:1 AA, texto grande
Aa #032300 sobre #926D5F 3,68:1 AA, texto grande
Aa #937FA2 sobre #273620 3,55:1 AA, texto grande
Aa #925F79 sobre #032300 3,32:1 AA, texto grande
Aa #93887F sobre #274020 3,30:1 AA, texto grande
Aa #937FA2 sobre #274020 3,15:1 AA, texto grande
Aa #BFBFFF sobre #925F79 2,93:1 No aprobado
Aa #585940 sobre #9FA3B3 2,87:1 No aprobado
Aa #9F9FCF sobre #585940 2,86:1 No aprobado
Aa #273620 sobre #926D5F 2,80:1 No aprobado
Aa #584049 sobre #93887F 2,70:1 No aprobado
Aa #BFBFFF sobre #926D5F 2,65:1 No aprobado
Aa #937FA2 sobre #584049 2,58:1 No aprobado
Aa #925F79 sobre #273620 2,53:1 No aprobado
Aa #926D5F sobre #274020 2,49:1 No aprobado
Aa #032300 sobre #585940 2,35:1 No aprobado
Aa #925F79 sobre #274020 2,25:1 No aprobado
Aa #BFBFFF sobre #937FA2 2,09:1 No aprobado
Aa #93887F sobre #585940 2,08:1 No aprobado
Aa #584049 sobre #926D5F 2,04:1 No aprobado
Aa #9F9FCF sobre #925F79 2,02:1 No aprobado
Aa #925F79 sobre #9FA3B3 2,02:1 No aprobado
Aa #BFBFFF sobre #93887F 2,00:1 No aprobado
Aa #937FA2 sobre #585940 1,99:1 No aprobado
Aa #925F79 sobre #584049 1,84:1 No aprobado
Aa #926D5F sobre #9FA3B3 1,83:1 No aprobado
Aa #9F9FCF sobre #926D5F 1,82:1 No aprobado
Aa #584049 sobre #032300 1,80:1 No aprobado
Aa #273620 sobre #585940 1,78:1 No aprobado
Aa #274020 sobre #585940 1,59:1 No aprobado
Aa #926D5F sobre #585940 1,57:1 No aprobado
Aa #032300 sobre #274020 1,48:1 No aprobado
Aa #925F79 sobre #93887F 1,47:1 No aprobado
Aa #BFBFFF sobre #9F9FCF 1,45:1 No aprobado
Aa #BFBFFF sobre #9FA3B3 1,45:1 No aprobado
Aa #9F9FCF sobre #937FA2 1,44:1 No aprobado
Aa #937FA2 sobre #9FA3B3 1,44:1 No aprobado
Aa #925F79 sobre #585940 1,42:1 No aprobado
Aa #937FA2 sobre #925F79 1,40:1 No aprobado
Aa #93887F sobre #9FA3B3 1,38:1 No aprobado
Aa #9F9FCF sobre #93887F 1,37:1 No aprobado
Aa #584049 sobre #273620 1,37:1 No aprobado
Aa #93887F sobre #926D5F 1,33:1 No aprobado
Aa #273620 sobre #032300 1,31:1 No aprobado
Aa #584049 sobre #585940 1,30:1 No aprobado
Aa #937FA2 sobre #926D5F 1,27:1 No aprobado
Aa #584049 sobre #274020 1,22:1 No aprobado
Aa #273620 sobre #274020 1,13:1 No aprobado
Aa #925F79 sobre #926D5F 1,11:1 No aprobado
Aa #937FA2 sobre #93887F 1,05:1 No aprobado
Aa #9F9FCF sobre #9FA3B3 1,00:1 No aprobado

Paletas similares

#EDF1D6 #9DC08B #609966 #40513B
4 colores
#F5F7F8 #F4CE14 #495E57 #45474B
4 colores
#222831 #393E46 #FFD369 #EEEEEE
4 colores
#000000 #52057B #892CDC #BC6FF1
4 colores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colores
#F5EFE7 #D8C4B6 #4F709C #213555
4 colores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colores