Registrarse Registrarse
Sorbet Special

Sorbet Special

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

Volver a la biblioteca

Sorbet Special

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 purple yellow bright icecream
Me gusta 122
Colores 12

Variables CSS

:root {
  --c-earthy-1: #332233;
  --c-earthy-2: #554466;
  --c-earthy-3: #996688;
  --c-earthy-4: #CC9988;
  --c-earthy-5: #CC9966;
  --c-earthy-6: #AA6677;
  --c-earthy-7: #776677;
  --c-earthy-8: #AA9988;
  --c-earthy-9: #DDCC99;
  --c-earthy-10: #88AA77;
  --c-earthy-11: #667788;
  --c-earthy-12: #88AA99;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Desert Temple (#DDCC99), su tono más claro, a Zero Gravity (#332233), el más oscuro. Combina Zero Gravity, Nightly Walk, Garden Aroma, Calliope, Oak Buff, Apple II Rose, Purple Suede, Diversion, Desert Temple, Lush Fields, Space Convoy y Pale Willow en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 7 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #332233 sobre #DDCC99, con 9,29: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

Zero Gravity #332233
RGB
rgb(51, 34, 51)
HSL
hsl(300, 20%, 17%)
Luminancia
0,021
Nightly Walk #554466
RGB
rgb(85, 68, 102)
HSL
hsl(270, 20%, 33%)
Luminancia
0,070
Garden Aroma #996688
RGB
rgb(153, 102, 136)
HSL
hsl(320, 20%, 50%)
Luminancia
0,181
Calliope #CC9988
RGB
rgb(204, 153, 136)
HSL
hsl(15, 40%, 67%)
Luminancia
0,374
Oak Buff #CC9966
RGB
rgb(204, 153, 102)
HSL
hsl(30, 50%, 60%)
Luminancia
0,366
Apple II Rose #AA6677
RGB
rgb(170, 102, 119)
HSL
hsl(345, 29%, 53%)
Luminancia
0,194
Purple Suede #776677
RGB
rgb(119, 102, 119)
HSL
hsl(300, 8%, 43%)
Luminancia
0,148
Diversion #AA9988
RGB
rgb(170, 153, 136)
HSL
hsl(30, 17%, 60%)
Luminancia
0,331
Desert Temple #DDCC99
RGB
rgb(221, 204, 153)
HSL
hsl(45, 50%, 73%)
Luminancia
0,609
Lush Fields #88AA77
RGB
rgb(136, 170, 119)
HSL
hsl(100, 23%, 57%)
Luminancia
0,353
Space Convoy #667788
RGB
rgb(102, 119, 136)
HSL
hsl(210, 14%, 47%)
Luminancia
0,178
Pale Willow #88AA99
RGB
rgb(136, 170, 153)
HSL
hsl(150, 17%, 60%)
Luminancia
0,363

Contraste y accesibilidad

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

Aa #332233 sobre #DDCC99 9,29:1 AAA
Aa #332233 sobre #CC9988 5,98:1 AA
Aa #332233 sobre #CC9966 5,87:1 AA
Aa #332233 sobre #88AA99 5,83:1 AA
Aa #332233 sobre #88AA77 5,69:1 AA
Aa #554466 sobre #DDCC99 5,48:1 AA
Aa #332233 sobre #AA9988 5,38:1 AA
Aa #554466 sobre #CC9988 3,53:1 AA, texto grande
Aa #554466 sobre #CC9966 3,46:1 AA, texto grande
Aa #332233 sobre #AA6677 3,44:1 AA, texto grande
Aa #554466 sobre #88AA99 3,43:1 AA, texto grande
Aa #554466 sobre #88AA77 3,35:1 AA, texto grande
Aa #776677 sobre #DDCC99 3,33:1 AA, texto grande
Aa #332233 sobre #996688 3,25:1 AA, texto grande
Aa #332233 sobre #667788 3,22:1 AA, texto grande
Aa #554466 sobre #AA9988 3,17:1 AA, texto grande
Aa #DDCC99 sobre #667788 2,89:1 No aprobado
Aa #996688 sobre #DDCC99 2,86:1 No aprobado
Aa #332233 sobre #776677 2,79:1 No aprobado
Aa #AA6677 sobre #DDCC99 2,70:1 No aprobado
Aa #CC9988 sobre #776677 2,15:1 No aprobado
Aa #CC9966 sobre #776677 2,10:1 No aprobado
Aa #776677 sobre #88AA99 2,09:1 No aprobado
Aa #776677 sobre #88AA77 2,04:1 No aprobado
Aa #554466 sobre #AA6677 2,03:1 No aprobado
Aa #776677 sobre #AA9988 1,93:1 No aprobado
Aa #554466 sobre #996688 1,92:1 No aprobado
Aa #554466 sobre #667788 1,90:1 No aprobado
Aa #CC9988 sobre #667788 1,86:1 No aprobado
Aa #996688 sobre #CC9988 1,84:1 No aprobado
Aa #CC9966 sobre #667788 1,82:1 No aprobado
Aa #667788 sobre #88AA99 1,81:1 No aprobado
Aa #996688 sobre #CC9966 1,80:1 No aprobado
Aa #996688 sobre #88AA99 1,79:1 No aprobado
Aa #88AA77 sobre #667788 1,77:1 No aprobado
Aa #996688 sobre #88AA77 1,75:1 No aprobado
Aa #CC9988 sobre #AA6677 1,74:1 No aprobado
Aa #AA9988 sobre #DDCC99 1,73:1 No aprobado
Aa #CC9966 sobre #AA6677 1,71:1 No aprobado
Aa #332233 sobre #554466 1,70:1 No aprobado
Aa #AA6677 sobre #88AA99 1,69:1 No aprobado
Aa #AA9988 sobre #667788 1,67:1 No aprobado
Aa #996688 sobre #AA9988 1,65:1 No aprobado
Aa #AA6677 sobre #88AA77 1,65:1 No aprobado
Aa #554466 sobre #776677 1,64:1 No aprobado
Aa #DDCC99 sobre #88AA77 1,63:1 No aprobado
Aa #DDCC99 sobre #88AA99 1,60:1 No aprobado
Aa #CC9966 sobre #DDCC99 1,58:1 No aprobado
Aa #AA6677 sobre #AA9988 1,56:1 No aprobado
Aa #CC9988 sobre #DDCC99 1,55:1 No aprobado
Aa #AA6677 sobre #776677 1,23:1 No aprobado
Aa #996688 sobre #776677 1,17:1 No aprobado
Aa #776677 sobre #667788 1,15:1 No aprobado
Aa #CC9988 sobre #AA9988 1,11:1 No aprobado
Aa #CC9966 sobre #AA9988 1,09:1 No aprobado
Aa #AA9988 sobre #88AA99 1,08:1 No aprobado
Aa #AA6677 sobre #667788 1,07:1 No aprobado
Aa #996688 sobre #AA6677 1,06:1 No aprobado
Aa #AA9988 sobre #88AA77 1,06:1 No aprobado
Aa #CC9988 sobre #88AA77 1,05:1 No aprobado
Aa #CC9988 sobre #88AA99 1,03:1 No aprobado
Aa #CC9966 sobre #88AA77 1,03:1 No aprobado
Aa #CC9988 sobre #CC9966 1,02:1 No aprobado
Aa #88AA77 sobre #88AA99 1,02:1 No aprobado
Aa #996688 sobre #667788 1,01:1 No aprobado
Aa #CC9966 sobre #88AA99 1,01: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