Registrarse Registrarse
Sin

Sin

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

Volver a la biblioteca

Sin

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

Editar
Colores terrosos 12 colores Colores cálidos Tonos mixtos Armonía complementaria still life
Me gusta 173
Colores 12

Variables CSS

:root {
  --c-earthy-1: #7BDCE4;
  --c-earthy-2: #DABE7B;
  --c-earthy-3: #FF8E65;
  --c-earthy-4: #CD7A3F;
  --c-earthy-5: #815934;
  --c-earthy-6: #CD5C5C;
  --c-earthy-7: #883434;
  --c-earthy-8: #551B1B;
  --c-earthy-9: #402715;
  --c-earthy-10: #32122D;
  --c-earthy-11: #202215;
  --c-earthy-12: #0A1C19;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Deep Aquamarine (#7BDCE4), su tono más claro, a Black Stallion (#0A1C19), el más oscuro. Combina Deep Aquamarine, Jojoba, Pink Orange, Turmeric Red, Football, Common Chestnut, Planet of the Apes, Spinel Red, Night Brown, Cultist Robe, Black Mesa y Black Stallion en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 20 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #7BDCE4 sobre #0A1C19, con 11,06: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

Deep Aquamarine #7BDCE4
RGB
rgb(123, 220, 228)
HSL
hsl(185, 66%, 69%)
Luminancia
0,610
Jojoba #DABE7B
RGB
rgb(218, 190, 123)
HSL
hsl(42, 56%, 67%)
Luminancia
0,532
Pink Orange #FF8E65
RGB
rgb(255, 142, 101)
HSL
hsl(16, 100%, 70%)
Luminancia
0,416
Turmeric Red #CD7A3F
RGB
rgb(205, 122, 63)
HSL
hsl(25, 59%, 53%)
Luminancia
0,273
Football #815934
RGB
rgb(129, 89, 52)
HSL
hsl(29, 43%, 35%)
Luminancia
0,121
Common Chestnut #CD5C5C
RGB
rgb(205, 92, 92)
HSL
hsl(0, 53%, 58%)
Luminancia
0,214
Planet of the Apes #883434
RGB
rgb(136, 52, 52)
HSL
hsl(0, 45%, 37%)
Luminancia
0,079
Spinel Red #551B1B
RGB
rgb(85, 27, 27)
HSL
hsl(0, 52%, 22%)
Luminancia
0,028
Night Brown #402715
RGB
rgb(64, 39, 21)
HSL
hsl(25, 51%, 17%)
Luminancia
0,026
Cultist Robe #32122D
RGB
rgb(50, 18, 45)
HSL
hsl(309, 47%, 13%)
Luminancia
0,013
Black Mesa #202215
RGB
rgb(32, 34, 21)
HSL
hsl(69, 24%, 11%)
Luminancia
0,015
Black Stallion #0A1C19
RGB
rgb(10, 28, 25)
HSL
hsl(170, 47%, 7%)
Luminancia
0,010

Contraste y accesibilidad

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

Aa #7BDCE4 sobre #0A1C19 11,06:1 AAA
Aa #7BDCE4 sobre #32122D 10,48:1 AAA
Aa #7BDCE4 sobre #202215 10,15:1 AAA
Aa #DABE7B sobre #0A1C19 9,75:1 AAA
Aa #DABE7B sobre #32122D 9,23:1 AAA
Aa #DABE7B sobre #202215 8,94:1 AAA
Aa #7BDCE4 sobre #402715 8,69:1 AAA
Aa #7BDCE4 sobre #551B1B 8,47:1 AAA
Aa #FF8E65 sobre #0A1C19 7,80:1 AAA
Aa #DABE7B sobre #402715 7,66:1 AAA
Aa #DABE7B sobre #551B1B 7,46:1 AAA
Aa #FF8E65 sobre #32122D 7,39:1 AAA
Aa #FF8E65 sobre #202215 7,16:1 AAA
Aa #FF8E65 sobre #402715 6,13:1 AA
Aa #FF8E65 sobre #551B1B 5,97:1 AA
Aa #CD7A3F sobre #0A1C19 5,41:1 AA
Aa #CD7A3F sobre #32122D 5,12:1 AA
Aa #7BDCE4 sobre #883434 5,10:1 AA
Aa #CD7A3F sobre #202215 4,96:1 AA
Aa #DABE7B sobre #883434 4,50:1 AA
Aa #CD5C5C sobre #0A1C19 4,43:1 AA, texto grande
Aa #CD7A3F sobre #402715 4,25:1 AA, texto grande
Aa #CD5C5C sobre #32122D 4,19:1 AA, texto grande
Aa #CD7A3F sobre #551B1B 4,14:1 AA, texto grande
Aa #CD5C5C sobre #202215 4,06:1 AA, texto grande
Aa #7BDCE4 sobre #815934 3,87:1 AA, texto grande
Aa #FF8E65 sobre #883434 3,60:1 AA, texto grande
Aa #CD5C5C sobre #402715 3,48:1 AA, texto grande
Aa #DABE7B sobre #815934 3,41:1 AA, texto grande
Aa #CD5C5C sobre #551B1B 3,39:1 AA, texto grande
Aa #815934 sobre #0A1C19 2,86:1 No aprobado
Aa #FF8E65 sobre #815934 2,73:1 No aprobado
Aa #815934 sobre #32122D 2,71:1 No aprobado
Aa #815934 sobre #202215 2,62:1 No aprobado
Aa #7BDCE4 sobre #CD5C5C 2,50:1 No aprobado
Aa #CD7A3F sobre #883434 2,49:1 No aprobado
Aa #815934 sobre #402715 2,25:1 No aprobado
Aa #DABE7B sobre #CD5C5C 2,20:1 No aprobado
Aa #815934 sobre #551B1B 2,19:1 No aprobado
Aa #883434 sobre #0A1C19 2,17:1 No aprobado
Aa #7BDCE4 sobre #CD7A3F 2,05:1 No aprobado
Aa #883434 sobre #32122D 2,05:1 No aprobado
Aa #CD5C5C sobre #883434 2,04:1 No aprobado
Aa #883434 sobre #202215 1,99:1 No aprobado
Aa #CD7A3F sobre #815934 1,89:1 No aprobado
Aa #DABE7B sobre #CD7A3F 1,80:1 No aprobado
Aa #FF8E65 sobre #CD5C5C 1,76:1 No aprobado
Aa #883434 sobre #402715 1,70:1 No aprobado
Aa #883434 sobre #551B1B 1,66:1 No aprobado
Aa #815934 sobre #CD5C5C 1,55:1 No aprobado
Aa #FF8E65 sobre #CD7A3F 1,44:1 No aprobado
Aa #7BDCE4 sobre #FF8E65 1,42:1 No aprobado
Aa #815934 sobre #883434 1,32:1 No aprobado
Aa #551B1B sobre #0A1C19 1,31:1 No aprobado
Aa #402715 sobre #0A1C19 1,27:1 No aprobado
Aa #DABE7B sobre #FF8E65 1,25:1 No aprobado
Aa #551B1B sobre #32122D 1,24:1 No aprobado
Aa #CD7A3F sobre #CD5C5C 1,22:1 No aprobado
Aa #402715 sobre #32122D 1,21:1 No aprobado
Aa #551B1B sobre #202215 1,20:1 No aprobado
Aa #402715 sobre #202215 1,17:1 No aprobado
Aa #7BDCE4 sobre #DABE7B 1,13:1 No aprobado
Aa #202215 sobre #0A1C19 1,09:1 No aprobado
Aa #32122D sobre #0A1C19 1,06:1 No aprobado
Aa #551B1B sobre #402715 1,03:1 No aprobado
Aa #32122D sobre #202215 1,03: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