Treasure Map & Paper Color

Treasure Map & Paper Color

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

Treasure Map & Paper Color

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

Editar
Colores terrosos 10 colores Colores cálidos Tonos mixtos Armonía complementaria parchment paper map scroll
Me gusta 13
Colores 10


Variables CSS

:root {
  --c-earthy-1: #764220;
  --c-earthy-2: #EA9439;
  --c-earthy-3: #FFBA55;
  --c-earthy-4: #FED16C;
  --c-earthy-5: #FFFE9F;
  --c-earthy-6: #808C8C;
  --c-earthy-7: #B8C3C3;
  --c-earthy-8: #DAE1E4;
  --c-earthy-9: #D31A15;
  --c-earthy-10: #E67088;
}

Sobre esta paleta

Esta paleta de 10 colores terrosos va de Walking on Sunshine (#FFFE9F), su tono más claro, a Peruvian Soil (#764220), el más oscuro. Combina Peruvian Soil, Roasted Chestnut, Honey Crusted Chicken, Faded Sunlight, Walking on Sunshine, Gunmetal Grey, Niebla Azul, Eastern Breeze, Heroic Red y Deep Blush en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 6 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #764220 sobre #FFFE9F, con 7,75: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

Peruvian Soil #764220
RGB
rgb(118, 66, 32)
HSL
hsl(24, 57%, 29%)
Luminancia
0,079
Roasted Chestnut #EA9439
RGB
rgb(234, 148, 57)
HSL
hsl(31, 81%, 57%)
Luminancia
0,390
Honey Crusted Chicken #FFBA55
RGB
rgb(255, 186, 85)
HSL
hsl(36, 100%, 67%)
Luminancia
0,570
Faded Sunlight #FED16C
RGB
rgb(254, 209, 108)
HSL
hsl(42, 99%, 71%)
Luminancia
0,678
Walking on Sunshine #FFFE9F
RGB
rgb(255, 254, 159)
HSL
hsl(59, 100%, 81%)
Luminancia
0,947
Gunmetal Grey #808C8C
RGB
rgb(128, 140, 140)
HSL
hsl(180, 5%, 53%)
Luminancia
0,252
Niebla Azul #B8C3C3
RGB
rgb(184, 195, 195)
HSL
hsl(180, 8%, 74%)
Luminancia
0,532
Eastern Breeze #DAE1E4
RGB
rgb(218, 225, 228)
HSL
hsl(198, 16%, 87%)
Luminancia
0,744
Heroic Red #D31A15
RGB
rgb(211, 26, 21)
HSL
hsl(2, 82%, 45%)
Luminancia
0,146
Deep Blush #E67088
RGB
rgb(230, 112, 136)
HSL
hsl(348, 70%, 67%)
Luminancia
0,302

Contraste y accesibilidad

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

Aa #764220 sobre #FFFE9F 7,75:1 AAA
Aa #764220 sobre #DAE1E4 6,17:1 AA
Aa #764220 sobre #FED16C 5,66:1 AA
Aa #FFFE9F sobre #D31A15 5,07:1 AA
Aa #764220 sobre #FFBA55 4,83:1 AA
Aa #764220 sobre #B8C3C3 4,53:1 AA
Aa #DAE1E4 sobre #D31A15 4,04:1 AA, texto grande
Aa #FED16C sobre #D31A15 3,70:1 AA, texto grande
Aa #764220 sobre #EA9439 3,42:1 AA, texto grande
Aa #FFFE9F sobre #808C8C 3,30:1 AA, texto grande
Aa #FFBA55 sobre #D31A15 3,16:1 AA, texto grande
Aa #B8C3C3 sobre #D31A15 2,96:1 No aprobado
Aa #FFFE9F sobre #E67088 2,83:1 No aprobado
Aa #764220 sobre #E67088 2,74:1 No aprobado
Aa #808C8C sobre #DAE1E4 2,62:1 No aprobado
Aa #FED16C sobre #808C8C 2,41:1 No aprobado
Aa #764220 sobre #808C8C 2,35:1 No aprobado
Aa #EA9439 sobre #FFFE9F 2,27:1 No aprobado
Aa #DAE1E4 sobre #E67088 2,26:1 No aprobado
Aa #EA9439 sobre #D31A15 2,24:1 No aprobado
Aa #FED16C sobre #E67088 2,07:1 No aprobado
Aa #FFBA55 sobre #808C8C 2,05:1 No aprobado
Aa #808C8C sobre #B8C3C3 1,92:1 No aprobado
Aa #EA9439 sobre #DAE1E4 1,80:1 No aprobado
Aa #D31A15 sobre #E67088 1,79:1 No aprobado
Aa #FFBA55 sobre #E67088 1,76:1 No aprobado
Aa #FFFE9F sobre #B8C3C3 1,71:1 No aprobado
Aa #EA9439 sobre #FED16C 1,65:1 No aprobado
Aa #B8C3C3 sobre #E67088 1,65:1 No aprobado
Aa #FFBA55 sobre #FFFE9F 1,61:1 No aprobado
Aa #808C8C sobre #D31A15 1,54:1 No aprobado
Aa #764220 sobre #D31A15 1,53:1 No aprobado
Aa #EA9439 sobre #808C8C 1,45:1 No aprobado
Aa #EA9439 sobre #FFBA55 1,41:1 No aprobado
Aa #FED16C sobre #FFFE9F 1,37:1 No aprobado
Aa #B8C3C3 sobre #DAE1E4 1,36:1 No aprobado
Aa #EA9439 sobre #B8C3C3 1,32:1 No aprobado
Aa #FFBA55 sobre #DAE1E4 1,28:1 No aprobado
Aa #FFFE9F sobre #DAE1E4 1,26:1 No aprobado
Aa #EA9439 sobre #E67088 1,25:1 No aprobado
Aa #FED16C sobre #B8C3C3 1,25:1 No aprobado
Aa #FFBA55 sobre #FED16C 1,17:1 No aprobado
Aa #808C8C sobre #E67088 1,16:1 No aprobado
Aa #FED16C sobre #DAE1E4 1,09:1 No aprobado
Aa #FFBA55 sobre #B8C3C3 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