Registrarse Registrarse
Spec12

Spec12

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

Volver a la biblioteca

Spec12

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 artist smalls
Me gusta 11
Colores 12

Variables CSS

:root {
  --c-earthy-1: #0F0808;
  --c-earthy-2: #918C89;
  --c-earthy-3: #D6D9D0;
  --c-earthy-4: #D9D15D;
  --c-earthy-5: #DB6E3B;
  --c-earthy-6: #A82D2D;
  --c-earthy-7: #781C26;
  --c-earthy-8: #8ED959;
  --c-earthy-9: #32BA3B;
  --c-earthy-10: #2F63BD;
  --c-earthy-11: #30188F;
  --c-earthy-12: #D9BE93;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Blizzard Fog (#D6D9D0), su tono más claro, a Chyornyi Black (#0F0808), el más oscuro. Combina Chyornyi Black, Mourning Dove, Blizzard Fog, Matcha, Field Poppy, Très Bien, Jazzy Red, Lilliputian Lime, Try Your Luck, Blue Streak, Indiglow y Del Sol Maize en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 17 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #0F0808 sobre #D6D9D0, con 13,88: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

Chyornyi Black #0F0808
RGB
rgb(15, 8, 8)
HSL
hsl(0, 30%, 5%)
Luminancia
0,003
Mourning Dove #918C89
RGB
rgb(145, 140, 137)
HSL
hsl(23, 4%, 55%)
Luminancia
0,266
Blizzard Fog #D6D9D0
RGB
rgb(214, 217, 208)
HSL
hsl(80, 11%, 83%)
Luminancia
0,685
Matcha #D9D15D
RGB
rgb(217, 209, 93)
HSL
hsl(56, 62%, 61%)
Luminancia
0,611
Field Poppy #DB6E3B
RGB
rgb(219, 110, 59)
HSL
hsl(19, 69%, 55%)
Luminancia
0,265
Très Bien #A82D2D
RGB
rgb(168, 45, 45)
HSL
hsl(0, 58%, 42%)
Luminancia
0,104
Jazzy Red #781C26
RGB
rgb(120, 28, 38)
HSL
hsl(353, 62%, 29%)
Luminancia
0,050
Lilliputian Lime #8ED959
RGB
rgb(142, 217, 89)
HSL
hsl(95, 63%, 60%)
Luminancia
0,561
Try Your Luck #32BA3B
RGB
rgb(50, 186, 59)
HSL
hsl(124, 58%, 46%)
Luminancia
0,361
Blue Streak #2F63BD
RGB
rgb(47, 99, 189)
HSL
hsl(218, 60%, 46%)
Luminancia
0,132
Indiglow #30188F
RGB
rgb(48, 24, 143)
HSL
hsl(252, 71%, 33%)
Luminancia
0,033
Del Sol Maize #D9BE93
RGB
rgb(217, 190, 147)
HSL
hsl(37, 48%, 71%)
Luminancia
0,537

Contraste y accesibilidad

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

Aa #0F0808 sobre #D6D9D0 13,88:1 AAA
Aa #0F0808 sobre #D9D15D 12,50:1 AAA
Aa #0F0808 sobre #8ED959 11,54:1 AAA
Aa #0F0808 sobre #D9BE93 11,09:1 AAA
Aa #D6D9D0 sobre #30188F 8,89:1 AAA
Aa #D9D15D sobre #30188F 8,00:1 AAA
Aa #0F0808 sobre #32BA3B 7,77:1 AAA
Aa #8ED959 sobre #30188F 7,39:1 AAA
Aa #D6D9D0 sobre #781C26 7,37:1 AAA
Aa #30188F sobre #D9BE93 7,10:1 AAA
Aa #D9D15D sobre #781C26 6,64:1 AA
Aa #781C26 sobre #8ED959 6,13:1 AA
Aa #0F0808 sobre #918C89 5,97:1 AA
Aa #0F0808 sobre #DB6E3B 5,96:1 AA
Aa #781C26 sobre #D9BE93 5,89:1 AA
Aa #32BA3B sobre #30188F 4,97:1 AA
Aa #D6D9D0 sobre #A82D2D 4,77:1 AA
Aa #D9D15D sobre #A82D2D 4,30:1 AA, texto grande
Aa #781C26 sobre #32BA3B 4,13:1 AA, texto grande
Aa #D6D9D0 sobre #2F63BD 4,04:1 AA, texto grande
Aa #A82D2D sobre #8ED959 3,97:1 AA, texto grande
Aa #918C89 sobre #30188F 3,82:1 AA, texto grande
Aa #DB6E3B sobre #30188F 3,81:1 AA, texto grande
Aa #A82D2D sobre #D9BE93 3,81:1 AA, texto grande
Aa #D9D15D sobre #2F63BD 3,63:1 AA, texto grande
Aa #0F0808 sobre #2F63BD 3,44:1 AA, texto grande
Aa #8ED959 sobre #2F63BD 3,36:1 AA, texto grande
Aa #2F63BD sobre #D9BE93 3,22:1 AA, texto grande
Aa #918C89 sobre #781C26 3,17:1 AA, texto grande
Aa #DB6E3B sobre #781C26 3,16:1 AA, texto grande
Aa #0F0808 sobre #A82D2D 2,91:1 No aprobado
Aa #A82D2D sobre #32BA3B 2,67:1 No aprobado
Aa #918C89 sobre #D6D9D0 2,33:1 No aprobado
Aa #D6D9D0 sobre #DB6E3B 2,33:1 No aprobado
Aa #32BA3B sobre #2F63BD 2,26:1 No aprobado
Aa #2F63BD sobre #30188F 2,20:1 No aprobado
Aa #D9D15D sobre #DB6E3B 2,10:1 No aprobado
Aa #918C89 sobre #D9D15D 2,09:1 No aprobado
Aa #918C89 sobre #A82D2D 2,05:1 No aprobado
Aa #DB6E3B sobre #A82D2D 2,05:1 No aprobado
Aa #DB6E3B sobre #8ED959 1,94:1 No aprobado
Aa #918C89 sobre #8ED959 1,93:1 No aprobado
Aa #0F0808 sobre #781C26 1,88:1 No aprobado
Aa #918C89 sobre #D9BE93 1,86:1 No aprobado
Aa #DB6E3B sobre #D9BE93 1,86:1 No aprobado
Aa #A82D2D sobre #30188F 1,86:1 No aprobado
Aa #781C26 sobre #2F63BD 1,83:1 No aprobado
Aa #D6D9D0 sobre #32BA3B 1,79:1 No aprobado
Aa #918C89 sobre #2F63BD 1,74:1 No aprobado
Aa #DB6E3B sobre #2F63BD 1,73:1 No aprobado
Aa #D9D15D sobre #32BA3B 1,61:1 No aprobado
Aa #0F0808 sobre #30188F 1,56:1 No aprobado
Aa #A82D2D sobre #781C26 1,54:1 No aprobado
Aa #8ED959 sobre #32BA3B 1,49:1 No aprobado
Aa #32BA3B sobre #D9BE93 1,43:1 No aprobado
Aa #918C89 sobre #32BA3B 1,30:1 No aprobado
Aa #DB6E3B sobre #32BA3B 1,30:1 No aprobado
Aa #D6D9D0 sobre #D9BE93 1,25:1 No aprobado
Aa #781C26 sobre #30188F 1,21:1 No aprobado
Aa #D6D9D0 sobre #8ED959 1,20:1 No aprobado
Aa #A82D2D sobre #2F63BD 1,18:1 No aprobado
Aa #D9D15D sobre #D9BE93 1,13:1 No aprobado
Aa #D6D9D0 sobre #D9D15D 1,11:1 No aprobado
Aa #D9D15D sobre #8ED959 1,08:1 No aprobado
Aa #8ED959 sobre #D9BE93 1,04:1 No aprobado
Aa #918C89 sobre #DB6E3B 1,00: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