Registrarse Registrarse
REDORB12

REDORB12

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

Volver a la biblioteca

REDORB12

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

Editar
Colores terrosos 12 colores Colores cálidos Tonos oscuros Armonía monocromática monoramp dark black red
Me gusta 68
Colores 12

Variables CSS

:root {
  --c-earthy-1: #060607;
  --c-earthy-2: #1D1E21;
  --c-earthy-3: #261415;
  --c-earthy-4: #372625;
  --c-earthy-5: #452727;
  --c-earthy-6: #602322;
  --c-earthy-7: #8D2523;
  --c-earthy-8: #BA332D;
  --c-earthy-9: #FF4537;
  --c-earthy-10: #FF8E6D;
  --c-earthy-11: #F1A39D;
  --c-earthy-12: #FFCBB5;
}

Sobre esta paleta

Esta paleta de 12 colores terrosos va de Peach and Quiet (#FFCBB5), su tono más claro, a Black Metal (#060607), el más oscuro. Combina Black Metal, Inkwell Inception, Used Oil, Aubergine, New Bulgarian Rose, Full City Roast, Old Mandarin, Molten Lava, Hotspot, Salmon Orange, Modestly Peach y Peach and Quiet en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 22 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #060607 sobre #FFCBB5, con 13,95: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

Black Metal #060607
RGB
rgb(6, 6, 7)
HSL
hsl(240, 8%, 3%)
Luminancia
0,002
Inkwell Inception #1D1E21
RGB
rgb(29, 30, 33)
HSL
hsl(225, 6%, 12%)
Luminancia
0,013
Used Oil #261415
RGB
rgb(38, 20, 21)
HSL
hsl(357, 31%, 11%)
Luminancia
0,010
Aubergine #372625
RGB
rgb(55, 38, 37)
HSL
hsl(3, 20%, 18%)
Luminancia
0,023
New Bulgarian Rose #452727
RGB
rgb(69, 39, 39)
HSL
hsl(0, 28%, 21%)
Luminancia
0,029
Full City Roast #602322
RGB
rgb(96, 35, 34)
HSL
hsl(1, 48%, 25%)
Luminancia
0,038
Old Mandarin #8D2523
RGB
rgb(141, 37, 35)
HSL
hsl(1, 60%, 35%)
Luminancia
0,071
Molten Lava #BA332D
RGB
rgb(186, 51, 45)
HSL
hsl(3, 61%, 45%)
Luminancia
0,130
Hotspot #FF4537
RGB
rgb(255, 69, 55)
HSL
hsl(4, 100%, 61%)
Luminancia
0,258
Salmon Orange #FF8E6D
RGB
rgb(255, 142, 109)
HSL
hsl(14, 100%, 71%)
Luminancia
0,417
Modestly Peach #F1A39D
RGB
rgb(241, 163, 157)
HSL
hsl(4, 75%, 78%)
Luminancia
0,473
Peach and Quiet #FFCBB5
RGB
rgb(255, 203, 181)
HSL
hsl(18, 100%, 85%)
Luminancia
0,673

Contraste y accesibilidad

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

Aa #060607 sobre #FFCBB5 13,95:1 AAA
Aa #261415 sobre #FFCBB5 12,12:1 AAA
Aa #1D1E21 sobre #FFCBB5 11,48:1 AAA
Aa #060607 sobre #F1A39D 10,09:1 AAA
Aa #372625 sobre #FFCBB5 9,86:1 AAA
Aa #452727 sobre #FFCBB5 9,20:1 AAA
Aa #060607 sobre #FF8E6D 9,01:1 AAA
Aa #261415 sobre #F1A39D 8,77:1 AAA
Aa #1D1E21 sobre #F1A39D 8,31:1 AAA
Aa #602322 sobre #FFCBB5 8,21:1 AAA
Aa #261415 sobre #FF8E6D 7,83:1 AAA
Aa #1D1E21 sobre #FF8E6D 7,41:1 AAA
Aa #372625 sobre #F1A39D 7,14:1 AAA
Aa #452727 sobre #F1A39D 6,66:1 AA
Aa #372625 sobre #FF8E6D 6,37:1 AA
Aa #8D2523 sobre #FFCBB5 5,97:1 AA
Aa #060607 sobre #FF4537 5,94:1 AA
Aa #452727 sobre #FF8E6D 5,94:1 AA
Aa #602322 sobre #F1A39D 5,94:1 AA
Aa #602322 sobre #FF8E6D 5,31:1 AA
Aa #261415 sobre #FF4537 5,16:1 AA
Aa #1D1E21 sobre #FF4537 4,89:1 AA
Aa #8D2523 sobre #F1A39D 4,32:1 AA, texto grande
Aa #372625 sobre #FF4537 4,20:1 AA, texto grande
Aa #BA332D sobre #FFCBB5 4,02:1 AA, texto grande
Aa #452727 sobre #FF4537 3,92:1 AA, texto grande
Aa #8D2523 sobre #FF8E6D 3,86:1 AA, texto grande
Aa #602322 sobre #FF4537 3,50:1 AA, texto grande
Aa #060607 sobre #BA332D 3,47:1 AA, texto grande
Aa #261415 sobre #BA332D 3,02:1 AA, texto grande
Aa #BA332D sobre #F1A39D 2,91:1 No aprobado
Aa #1D1E21 sobre #BA332D 2,86:1 No aprobado
Aa #BA332D sobre #FF8E6D 2,60:1 No aprobado
Aa #8D2523 sobre #FF4537 2,54:1 No aprobado
Aa #372625 sobre #BA332D 2,45:1 No aprobado
Aa #FF4537 sobre #FFCBB5 2,35:1 No aprobado
Aa #060607 sobre #8D2523 2,34:1 No aprobado
Aa #452727 sobre #BA332D 2,29:1 No aprobado
Aa #602322 sobre #BA332D 2,04:1 No aprobado
Aa #261415 sobre #8D2523 2,03:1 No aprobado
Aa #1D1E21 sobre #8D2523 1,92:1 No aprobado
Aa #BA332D sobre #FF4537 1,71:1 No aprobado
Aa #060607 sobre #602322 1,70:1 No aprobado
Aa #FF4537 sobre #F1A39D 1,70:1 No aprobado
Aa #372625 sobre #8D2523 1,65:1 No aprobado
Aa #FF8E6D sobre #FFCBB5 1,55:1 No aprobado
Aa #452727 sobre #8D2523 1,54:1 No aprobado
Aa #060607 sobre #452727 1,52:1 No aprobado
Aa #FF4537 sobre #FF8E6D 1,52:1 No aprobado
Aa #8D2523 sobre #BA332D 1,49:1 No aprobado
Aa #261415 sobre #602322 1,48:1 No aprobado
Aa #060607 sobre #372625 1,41:1 No aprobado
Aa #1D1E21 sobre #602322 1,40:1 No aprobado
Aa #602322 sobre #8D2523 1,38:1 No aprobado
Aa #F1A39D sobre #FFCBB5 1,38:1 No aprobado
Aa #261415 sobre #452727 1,32:1 No aprobado
Aa #1D1E21 sobre #452727 1,25:1 No aprobado
Aa #261415 sobre #372625 1,23:1 No aprobado
Aa #060607 sobre #1D1E21 1,22:1 No aprobado
Aa #372625 sobre #602322 1,20:1 No aprobado
Aa #1D1E21 sobre #372625 1,16:1 No aprobado
Aa #060607 sobre #261415 1,15:1 No aprobado
Aa #452727 sobre #602322 1,12:1 No aprobado
Aa #FF8E6D sobre #F1A39D 1,12:1 No aprobado
Aa #372625 sobre #452727 1,07:1 No aprobado
Aa #1D1E21 sobre #261415 1,06: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