Registrarse Registrarse
Grimbo

Grimbo

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía triádica

Volver a la biblioteca

Grimbo

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía triádica

Editar
Colores terrosos 12 colores Colores cálidos Tonos mixtos Armonía triádica green red desaturated grim
Me gusta 171
Colores 12

Variables CSS

:root {
  --c-earthy-1: #DFE6E0;
  --c-earthy-2: #D9C277;
  --c-earthy-3: #C17B5C;
  --c-earthy-4: #85444A;
  --c-earthy-5: #4A363C;
  --c-earthy-6: #9BA15F;
  --c-earthy-7: #596E47;
  --c-earthy-8: #38453A;
  --c-earthy-9: #A9BBCC;
  --c-earthy-10: #7687AB;
  --c-earthy-11: #444A65;
  --c-earthy-12: #222228;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Winter Veil (#DFE6E0), su tono más claro, a Dark Gunmetal (#222228), el más oscuro. Combina Winter Veil, Citrus Yellow, Brown Clay, Red Elegance, Jube, Sweet Pea, Asparagus Sprig, Deep Forest, Wood Pigeon, Enchanting Sky, Darkshore y Dark Gunmetal en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 14 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #DFE6E0 sobre #222228, con 12,45: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

Winter Veil #DFE6E0
RGB
rgb(223, 230, 224)
HSL
hsl(129, 12%, 89%)
Luminancia
0,777
Citrus Yellow #D9C277
RGB
rgb(217, 194, 119)
HSL
hsl(46, 56%, 66%)
Luminancia
0,547
Brown Clay #C17B5C
RGB
rgb(193, 123, 92)
HSL
hsl(18, 45%, 56%)
Luminancia
0,263
Red Elegance #85444A
RGB
rgb(133, 68, 74)
HSL
hsl(354, 32%, 39%)
Luminancia
0,096
Jube #4A363C
RGB
rgb(74, 54, 60)
HSL
hsl(342, 16%, 25%)
Luminancia
0,044
Sweet Pea #9BA15F
RGB
rgb(155, 161, 95)
HSL
hsl(65, 26%, 50%)
Luminancia
0,333
Asparagus Sprig #596E47
RGB
rgb(89, 110, 71)
HSL
hsl(92, 22%, 35%)
Luminancia
0,137
Deep Forest #38453A
RGB
rgb(56, 69, 58)
HSL
hsl(129, 10%, 25%)
Luminancia
0,054
Wood Pigeon #A9BBCC
RGB
rgb(169, 187, 204)
HSL
hsl(209, 26%, 73%)
Luminancia
0,483
Enchanting Sky #7687AB
RGB
rgb(118, 135, 171)
HSL
hsl(221, 24%, 57%)
Luminancia
0,241
Darkshore #444A65
RGB
rgb(68, 74, 101)
HSL
hsl(229, 20%, 33%)
Luminancia
0,071
Dark Gunmetal #222228
RGB
rgb(34, 34, 40)
HSL
hsl(240, 8%, 15%)
Luminancia
0,016

Contraste y accesibilidad

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

Aa #DFE6E0 sobre #222228 12,45:1 AAA
Aa #D9C277 sobre #222228 8,99:1 AAA
Aa #DFE6E0 sobre #4A363C 8,77:1 AAA
Aa #A9BBCC sobre #222228 8,04:1 AAA
Aa #DFE6E0 sobre #38453A 7,95:1 AAA
Aa #DFE6E0 sobre #444A65 6,85:1 AA
Aa #D9C277 sobre #4A363C 6,33:1 AA
Aa #9BA15F sobre #222228 5,77:1 AA
Aa #D9C277 sobre #38453A 5,74:1 AA
Aa #DFE6E0 sobre #85444A 5,66:1 AA
Aa #4A363C sobre #A9BBCC 5,66:1 AA
Aa #38453A sobre #A9BBCC 5,13:1 AA
Aa #D9C277 sobre #444A65 4,95:1 AA
Aa #C17B5C sobre #222228 4,71:1 AA
Aa #A9BBCC sobre #444A65 4,42:1 AA, texto grande
Aa #DFE6E0 sobre #596E47 4,41:1 AA, texto grande
Aa #7687AB sobre #222228 4,39:1 AA, texto grande
Aa #D9C277 sobre #85444A 4,08:1 AA, texto grande
Aa #4A363C sobre #9BA15F 4,06:1 AA, texto grande
Aa #9BA15F sobre #38453A 3,68:1 AA, texto grande
Aa #85444A sobre #A9BBCC 3,65:1 AA, texto grande
Aa #C17B5C sobre #4A363C 3,32:1 AA, texto grande
Aa #D9C277 sobre #596E47 3,19:1 AA, texto grande
Aa #9BA15F sobre #444A65 3,17:1 AA, texto grande
Aa #4A363C sobre #7687AB 3,09:1 AA, texto grande
Aa #C17B5C sobre #38453A 3,01:1 AA, texto grande
Aa #596E47 sobre #A9BBCC 2,85:1 No aprobado
Aa #DFE6E0 sobre #7687AB 2,84:1 No aprobado
Aa #596E47 sobre #222228 2,82:1 No aprobado
Aa #38453A sobre #7687AB 2,80:1 No aprobado
Aa #DFE6E0 sobre #C17B5C 2,64:1 No aprobado
Aa #85444A sobre #9BA15F 2,62:1 No aprobado
Aa #C17B5C sobre #444A65 2,59:1 No aprobado
Aa #7687AB sobre #444A65 2,41:1 No aprobado
Aa #85444A sobre #222228 2,20:1 No aprobado
Aa #DFE6E0 sobre #9BA15F 2,16:1 No aprobado
Aa #C17B5C sobre #85444A 2,14:1 No aprobado
Aa #D9C277 sobre #7687AB 2,05:1 No aprobado
Aa #9BA15F sobre #596E47 2,04:1 No aprobado
Aa #85444A sobre #7687AB 1,99:1 No aprobado
Aa #4A363C sobre #596E47 1,99:1 No aprobado
Aa #D9C277 sobre #C17B5C 1,91:1 No aprobado
Aa #A9BBCC sobre #7687AB 1,83:1 No aprobado
Aa #444A65 sobre #222228 1,82:1 No aprobado
Aa #596E47 sobre #38453A 1,80:1 No aprobado
Aa #C17B5C sobre #A9BBCC 1,71:1 No aprobado
Aa #C17B5C sobre #596E47 1,67:1 No aprobado
Aa #38453A sobre #222228 1,57:1 No aprobado
Aa #D9C277 sobre #9BA15F 1,56:1 No aprobado
Aa #DFE6E0 sobre #A9BBCC 1,55:1 No aprobado
Aa #85444A sobre #4A363C 1,55:1 No aprobado
Aa #596E47 sobre #7687AB 1,55:1 No aprobado
Aa #596E47 sobre #444A65 1,55:1 No aprobado
Aa #4A363C sobre #222228 1,42:1 No aprobado
Aa #85444A sobre #38453A 1,40:1 No aprobado
Aa #DFE6E0 sobre #D9C277 1,39:1 No aprobado
Aa #9BA15F sobre #A9BBCC 1,39:1 No aprobado
Aa #9BA15F sobre #7687AB 1,31:1 No aprobado
Aa #85444A sobre #596E47 1,28:1 No aprobado
Aa #4A363C sobre #444A65 1,28:1 No aprobado
Aa #C17B5C sobre #9BA15F 1,22:1 No aprobado
Aa #85444A sobre #444A65 1,21:1 No aprobado
Aa #38453A sobre #444A65 1,16:1 No aprobado
Aa #D9C277 sobre #A9BBCC 1,12:1 No aprobado
Aa #4A363C sobre #38453A 1,10:1 No aprobado
Aa #C17B5C sobre #7687AB 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