Inicio Paletas de colores Twelve Fallen Leaves

Twelve Fallen Leaves

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

Twelve Fallen Leaves

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

Colores apagados 12 colores Colores cálidos Tonos mixtos Armonía complementaria muted desaturated soundsdotzip versatile

Me gusta 93

Colores 12

Variables CSS

:root {
  --c-muted-1: #2E2626;
  --c-muted-2: #4B4B5E;
  --c-muted-3: #797D91;
  --c-muted-4: #9CB3B8;
  --c-muted-5: #B58B90;
  --c-muted-6: #80627E;
  --c-muted-7: #574744;
  --c-muted-8: #946663;
  --c-muted-9: #BF9A84;
  --c-muted-10: #D4C9BA;
  --c-muted-11: #A8A39D;
  --c-muted-12: #6D7A69;
}

Sobre esta paleta

Esta paleta de 12 colores apagados va de Understated (#D4C9BA), su tono más claro, a Bokara Grey (#2E2626), el más oscuro. Combina Bokara Grey, Odyssey Grey, Seattle Haze, Ice Gull Grey Blue, Rose Tea, Grape Jelly, Shopping Bag, Roseland, Stuffing, Understated, Ashlite y Fir Spruce Green 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 #2E2626 sobre #D4C9BA, con 9,05: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

Bokara Grey #2E2626

RGB: rgb(46, 38, 38)
HSL: hsl(0, 10%, 16%)
Luminancia: 0,021

Odyssey Grey #4B4B5E

RGB: rgb(75, 75, 94)
HSL: hsl(240, 11%, 33%)
Luminancia: 0,073

Seattle Haze #797D91

RGB: rgb(121, 125, 145)
HSL: hsl(230, 10%, 52%)
Luminancia: 0,208

Ice Gull Grey Blue #9CB3B8

RGB: rgb(156, 179, 184)
HSL: hsl(191, 16%, 67%)
Luminancia: 0,428

Rose Tea #B58B90

RGB: rgb(181, 139, 144)
HSL: hsl(353, 22%, 63%)
Luminancia: 0,303

Grape Jelly #80627E

RGB: rgb(128, 98, 126)
HSL: hsl(304, 13%, 44%)
Luminancia: 0,148

Shopping Bag #574744

RGB: rgb(87, 71, 68)
HSL: hsl(9, 12%, 30%)
Luminancia: 0,070

Roseland #946663

RGB: rgb(148, 102, 99)
HSL: hsl(4, 20%, 48%)
Luminancia: 0,167

Stuffing #BF9A84

RGB: rgb(191, 154, 132)
HSL: hsl(22, 32%, 63%)
Luminancia: 0,359

Understated #D4C9BA

RGB: rgb(212, 201, 186)
HSL: hsl(35, 23%, 78%)
Luminancia: 0,593

Ashlite #A8A39D

RGB: rgb(168, 163, 157)
HSL: hsl(33, 6%, 64%)
Luminancia: 0,370

Fir Spruce Green #6D7A69

RGB: rgb(109, 122, 105)
HSL: hsl(106, 7%, 45%)
Luminancia: 0,182

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 #2E2626 sobre #D4C9BA 9,05:1 AAA

Aa #2E2626 sobre #9CB3B8 6,72:1 AA

Aa #2E2626 sobre #A8A39D 5,90:1 AA

Aa #2E2626 sobre #BF9A84 5,75:1 AA

Aa #574744 sobre #D4C9BA 5,38:1 AA

Aa #4B4B5E sobre #D4C9BA 5,21:1 AA

Aa #2E2626 sobre #B58B90 4,97:1 AA

Aa #9CB3B8 sobre #574744 4,00:1 AA, texto grande

Aa #4B4B5E sobre #9CB3B8 3,87:1 AA, texto grande

Aa #2E2626 sobre #797D91 3,63:1 AA, texto grande

Aa #574744 sobre #A8A39D 3,51:1 AA, texto grande

Aa #574744 sobre #BF9A84 3,42:1 AA, texto grande

Aa #4B4B5E sobre #A8A39D 3,40:1 AA, texto grande

Aa #4B4B5E sobre #BF9A84 3,31:1 AA, texto grande

Aa #2E2626 sobre #6D7A69 3,26:1 AA, texto grande

Aa #80627E sobre #D4C9BA 3,24:1 AA, texto grande

Aa #2E2626 sobre #946663 3,05:1 AA, texto grande

Aa #946663 sobre #D4C9BA 2,96:1 No aprobado

Aa #B58B90 sobre #574744 2,95:1 No aprobado

Aa #4B4B5E sobre #B58B90 2,86:1 No aprobado

Aa #2E2626 sobre #80627E 2,79:1 No aprobado

Aa #D4C9BA sobre #6D7A69 2,77:1 No aprobado

Aa #797D91 sobre #D4C9BA 2,50:1 No aprobado

Aa #9CB3B8 sobre #80627E 2,41:1 No aprobado

Aa #9CB3B8 sobre #946663 2,20:1 No aprobado

Aa #797D91 sobre #574744 2,16:1 No aprobado

Aa #80627E sobre #A8A39D 2,12:1 No aprobado

Aa #4B4B5E sobre #797D91 2,09:1 No aprobado

Aa #9CB3B8 sobre #6D7A69 2,06:1 No aprobado

Aa #80627E sobre #BF9A84 2,06:1 No aprobado

Aa #574744 sobre #6D7A69 1,94:1 No aprobado

Aa #946663 sobre #A8A39D 1,93:1 No aprobado

Aa #4B4B5E sobre #6D7A69 1,88:1 No aprobado

Aa #946663 sobre #BF9A84 1,88:1 No aprobado

Aa #797D91 sobre #9CB3B8 1,85:1 No aprobado

Aa #B58B90 sobre #D4C9BA 1,82:1 No aprobado

Aa #574744 sobre #946663 1,82:1 No aprobado

Aa #A8A39D sobre #6D7A69 1,81:1 No aprobado

Aa #B58B90 sobre #80627E 1,78:1 No aprobado

Aa #4B4B5E sobre #946663 1,76:1 No aprobado

Aa #BF9A84 sobre #6D7A69 1,76:1 No aprobado

Aa #2E2626 sobre #4B4B5E 1,74:1 No aprobado

Aa #2E2626 sobre #574744 1,68:1 No aprobado

Aa #80627E sobre #574744 1,66:1 No aprobado

Aa #797D91 sobre #A8A39D 1,63:1 No aprobado

Aa #B58B90 sobre #946663 1,63:1 No aprobado

Aa #4B4B5E sobre #80627E 1,61:1 No aprobado

Aa #797D91 sobre #BF9A84 1,58:1 No aprobado

Aa #BF9A84 sobre #D4C9BA 1,57:1 No aprobado

Aa #D4C9BA sobre #A8A39D 1,53:1 No aprobado

Aa #B58B90 sobre #6D7A69 1,52:1 No aprobado

Aa #797D91 sobre #B58B90 1,37:1 No aprobado

Aa #9CB3B8 sobre #B58B90 1,35:1 No aprobado

Aa #9CB3B8 sobre #D4C9BA 1,35:1 No aprobado

Aa #797D91 sobre #80627E 1,30:1 No aprobado

Aa #797D91 sobre #946663 1,19:1 No aprobado

Aa #B58B90 sobre #A8A39D 1,19:1 No aprobado

Aa #9CB3B8 sobre #BF9A84 1,17:1 No aprobado

Aa #80627E sobre #6D7A69 1,17:1 No aprobado

Aa #B58B90 sobre #BF9A84 1,16:1 No aprobado

Aa #9CB3B8 sobre #A8A39D 1,14:1 No aprobado

Aa #797D91 sobre #6D7A69 1,11:1 No aprobado

Aa #80627E sobre #946663 1,09:1 No aprobado

Aa #946663 sobre #6D7A69 1,07:1 No aprobado

Aa #4B4B5E sobre #574744 1,03:1 No aprobado

Aa #BF9A84 sobre #A8A39D 1,03: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

Twelve Fallen Leaves