Registrarse Registrarse
Rustic Rainbow 🌈

Rustic Rainbow 🌈

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

Volver a la biblioteca

Rustic Rainbow 🌈

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

Editar
Colores apagados 12 colores Colores cálidos Tonos oscuros Armonía complementaria polyphrog soundsdotzip rustic rainbow
Me gusta 175
Colores 12

Variables CSS

:root {
  --c-muted-1: #000000;
  --c-muted-2: #2B2422;
  --c-muted-3: #534D37;
  --c-muted-4: #638454;
  --c-muted-5: #6E9D8E;
  --c-muted-6: #4D596D;
  --c-muted-7: #3E213E;
  --c-muted-8: #773F37;
  --c-muted-9: #976749;
  --c-muted-10: #AFA074;
  --c-muted-11: #CBC6BE;
  --c-muted-12: #8B847F;
}

Sobre esta paleta

Esta paleta de 12 colores apagados va de Early Evening (#CBC6BE), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Gold Black, Panda, Kale, Greyish Teal, Midnight Sun, Profound Mauve, Florence Red, Copper Pot, Throw Rug, Early Evening y Mecha Grey en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 13 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000000 sobre #CBC6BE, con 12,36:1.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.

Desglose de colores

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminancia
0,000
Gold Black #2B2422
RGB
rgb(43, 36, 34)
HSL
hsl(13, 12%, 15%)
Luminancia
0,019
Panda #534D37
RGB
rgb(83, 77, 55)
HSL
hsl(47, 20%, 27%)
Luminancia
0,074
Kale #638454
RGB
rgb(99, 132, 84)
HSL
hsl(101, 22%, 42%)
Luminancia
0,198
Greyish Teal #6E9D8E
RGB
rgb(110, 157, 142)
HSL
hsl(161, 19%, 52%)
Luminancia
0,294
Midnight Sun #4D596D
RGB
rgb(77, 89, 109)
HSL
hsl(218, 17%, 36%)
Luminancia
0,098
Profound Mauve #3E213E
RGB
rgb(62, 33, 62)
HSL
hsl(300, 31%, 19%)
Luminancia
0,025
Florence Red #773F37
RGB
rgb(119, 63, 55)
HSL
hsl(8, 37%, 34%)
Luminancia
0,078
Copper Pot #976749
RGB
rgb(151, 103, 73)
HSL
hsl(23, 35%, 44%)
Luminancia
0,168
Throw Rug #AFA074
RGB
rgb(175, 160, 116)
HSL
hsl(45, 27%, 57%)
Luminancia
0,355
Early Evening #CBC6BE
RGB
rgb(203, 198, 190)
HSL
hsl(37, 11%, 77%)
Luminancia
0,568
Mecha Grey #8B847F
RGB
rgb(139, 132, 127)
HSL
hsl(25, 5%, 52%)
Luminancia
0,235

Contraste y accesibilidad

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

Aa #000000 sobre #CBC6BE 12,36:1 AAA
Aa #2B2422 sobre #CBC6BE 8,97:1 AAA
Aa #3E213E sobre #CBC6BE 8,28:1 AAA
Aa #000000 sobre #AFA074 8,10:1 AAA
Aa #000000 sobre #6E9D8E 6,88:1 AA
Aa #2B2422 sobre #AFA074 5,88:1 AA
Aa #000000 sobre #8B847F 5,70:1 AA
Aa #3E213E sobre #AFA074 5,43:1 AA
Aa #2B2422 sobre #6E9D8E 4,99:1 AA
Aa #534D37 sobre #CBC6BE 4,97:1 AA
Aa #000000 sobre #638454 4,96:1 AA
Aa #773F37 sobre #CBC6BE 4,85:1 AA
Aa #6E9D8E sobre #3E213E 4,61:1 AA
Aa #000000 sobre #976749 4,35:1 AA, texto grande
Aa #4D596D sobre #CBC6BE 4,17:1 AA, texto grande
Aa #2B2422 sobre #8B847F 4,14:1 AA, texto grande
Aa #3E213E sobre #8B847F 3,82:1 AA, texto grande
Aa #2B2422 sobre #638454 3,60:1 AA, texto grande
Aa #638454 sobre #3E213E 3,32:1 AA, texto grande
Aa #534D37 sobre #AFA074 3,26:1 AA, texto grande
Aa #773F37 sobre #AFA074 3,18:1 AA, texto grande
Aa #2B2422 sobre #976749 3,16:1 AA, texto grande
Aa #000000 sobre #4D596D 2,97:1 No aprobado
Aa #3E213E sobre #976749 2,92:1 No aprobado
Aa #976749 sobre #CBC6BE 2,84:1 No aprobado
Aa #534D37 sobre #6E9D8E 2,77:1 No aprobado
Aa #4D596D sobre #AFA074 2,73:1 No aprobado
Aa #6E9D8E sobre #773F37 2,70:1 No aprobado
Aa #000000 sobre #773F37 2,55:1 No aprobado
Aa #638454 sobre #CBC6BE 2,49:1 No aprobado
Aa #000000 sobre #534D37 2,48:1 No aprobado
Aa #6E9D8E sobre #4D596D 2,32:1 No aprobado
Aa #534D37 sobre #8B847F 2,30:1 No aprobado
Aa #773F37 sobre #8B847F 2,24:1 No aprobado
Aa #CBC6BE sobre #8B847F 2,17:1 No aprobado
Aa #2B2422 sobre #4D596D 2,15:1 No aprobado
Aa #534D37 sobre #638454 2,00:1 No aprobado
Aa #4D596D sobre #3E213E 1,99:1 No aprobado
Aa #638454 sobre #773F37 1,94:1 No aprobado
Aa #4D596D sobre #8B847F 1,92:1 No aprobado
Aa #976749 sobre #AFA074 1,86:1 No aprobado
Aa #2B2422 sobre #773F37 1,85:1 No aprobado
Aa #2B2422 sobre #534D37 1,80:1 No aprobado
Aa #6E9D8E sobre #CBC6BE 1,80:1 No aprobado
Aa #534D37 sobre #976749 1,75:1 No aprobado
Aa #3E213E sobre #773F37 1,71:1 No aprobado
Aa #773F37 sobre #976749 1,71:1 No aprobado
Aa #534D37 sobre #3E213E 1,67:1 No aprobado
Aa #638454 sobre #4D596D 1,67:1 No aprobado
Aa #638454 sobre #AFA074 1,63:1 No aprobado
Aa #6E9D8E sobre #976749 1,58:1 No aprobado
Aa #AFA074 sobre #CBC6BE 1,53:1 No aprobado
Aa #000000 sobre #3E213E 1,49:1 No aprobado
Aa #4D596D sobre #976749 1,47:1 No aprobado
Aa #AFA074 sobre #8B847F 1,42:1 No aprobado
Aa #638454 sobre #6E9D8E 1,39:1 No aprobado
Aa #000000 sobre #2B2422 1,38:1 No aprobado
Aa #976749 sobre #8B847F 1,31:1 No aprobado
Aa #6E9D8E sobre #8B847F 1,21:1 No aprobado
Aa #534D37 sobre #4D596D 1,19:1 No aprobado
Aa #6E9D8E sobre #AFA074 1,18:1 No aprobado
Aa #4D596D sobre #773F37 1,16:1 No aprobado
Aa #638454 sobre #8B847F 1,15:1 No aprobado
Aa #638454 sobre #976749 1,14:1 No aprobado
Aa #2B2422 sobre #3E213E 1,08:1 No aprobado
Aa #534D37 sobre #773F37 1,03:1 No aprobado

Paletas similares

#000000 #3D0000 #950101 #FF0000
4 colores
#E23E57 #88304E #522546 #311D3F
4 colores
#FF204E #A0153E #5D0E41 #00224D
4 colores
#030637 #3C0753 #720455 #910A67
4 colores
#1C0A00 #361500 #603601 #CC9544
4 colores
#252525 #FF0000 #AF0404 #414141
4 colores
#362222 #171010 #423F3E #2B2B2B
4 colores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colores