Inicio Paletas de colores Walking In The Woods 8

Walking In The Woods 8

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

Volver a la biblioteca

Walking In The Woods 8

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

Editar

Colores terrosos 8 colores Colores cálidos Tonos mixtos Armonía triádica green dark red yellow

Me gusta 79

Colores 8

Variables CSS

:root {
  --c-earthy-1: #BAC2B1;
  --c-earthy-2: #CBD4C2;
  --c-earthy-3: #D1DDC2;
  --c-earthy-4: #DBEBC0;
  --c-earthy-5: #CFCFAD;
  --c-earthy-6: #AE9685;
  --c-earthy-7: #815355;
  --c-earthy-8: #523249;
}

Sobre esta paleta

Esta paleta de 8 colores terrosos va de Mellow Mint (#DBEBC0), su tono más claro, a Grimace (#523249), el más oscuro. Combina Kimberley Tree, Carrot Flower, Balance, Mellow Mint, Longbeard Grey, Quicksand, Lampoon y Grimace en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 6 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #DBEBC0 sobre #523249, con 8,72: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

Kimberley Tree #BAC2B1

RGB: rgb(186, 194, 177)
HSL: hsl(88, 12%, 73%)
Luminancia: 0,522

Carrot Flower #CBD4C2

RGB: rgb(203, 212, 194)
HSL: hsl(90, 17%, 80%)
Luminancia: 0,637

Balance #D1DDC2

RGB: rgb(209, 221, 194)
HSL: hsl(87, 28%, 81%)
Luminancia: 0,692

Mellow Mint #DBEBC0

RGB: rgb(219, 235, 192)
HSL: hsl(82, 52%, 84%)
Luminancia: 0,783

Longbeard Grey #CFCFAD

RGB: rgb(207, 207, 173)
HSL: hsl(60, 26%, 75%)
Luminancia: 0,609

Quicksand #AE9685

RGB: rgb(174, 150, 133)
HSL: hsl(25, 20%, 60%)
Luminancia: 0,325

Lampoon #815355

RGB: rgb(129, 83, 85)
HSL: hsl(357, 22%, 42%)
Luminancia: 0,115

Grimace #523249

RGB: rgb(82, 50, 73)
HSL: hsl(317, 24%, 26%)
Luminancia: 0,046

Contraste y accesibilidad

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

Aa #DBEBC0 sobre #523249 8,72:1 AAA

Aa #D1DDC2 sobre #523249 7,76:1 AAA

Aa #CBD4C2 sobre #523249 7,19:1 AAA

Aa #CFCFAD sobre #523249 6,90:1 AA

Aa #BAC2B1 sobre #523249 5,99:1 AA

Aa #DBEBC0 sobre #815355 5,04:1 AA

Aa #D1DDC2 sobre #815355 4,49:1 AA, texto grande

Aa #CBD4C2 sobre #815355 4,16:1 AA, texto grande

Aa #CFCFAD sobre #815355 3,99:1 AA, texto grande

Aa #AE9685 sobre #523249 3,92:1 AA, texto grande

Aa #BAC2B1 sobre #815355 3,46:1 AA, texto grande

Aa #AE9685 sobre #815355 2,27:1 No aprobado

Aa #DBEBC0 sobre #AE9685 2,22:1 No aprobado

Aa #D1DDC2 sobre #AE9685 1,98:1 No aprobado

Aa #CBD4C2 sobre #AE9685 1,83:1 No aprobado

Aa #CFCFAD sobre #AE9685 1,76:1 No aprobado

Aa #815355 sobre #523249 1,73:1 No aprobado

Aa #BAC2B1 sobre #AE9685 1,53:1 No aprobado

Aa #BAC2B1 sobre #DBEBC0 1,46:1 No aprobado

Aa #BAC2B1 sobre #D1DDC2 1,30:1 No aprobado

Aa #DBEBC0 sobre #CFCFAD 1,26:1 No aprobado

Aa #CBD4C2 sobre #DBEBC0 1,21:1 No aprobado

Aa #BAC2B1 sobre #CBD4C2 1,20:1 No aprobado

Aa #BAC2B1 sobre #CFCFAD 1,15:1 No aprobado

Aa #D1DDC2 sobre #CFCFAD 1,13:1 No aprobado

Aa #D1DDC2 sobre #DBEBC0 1,12:1 No aprobado

Aa #CBD4C2 sobre #D1DDC2 1,08:1 No aprobado

Aa #CBD4C2 sobre #CFCFAD 1,04: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

Walking In The Woods 8