Início Paletas de cores Twelve Fallen Leaves

Twelve Fallen Leaves

Paleta de 12 cores · Quente · Mista · Harmonia: Complementar

Voltar à biblioteca

Twelve Fallen Leaves

Paleta de 12 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Complementar

Editar

Sóbria 12 cores Quente Mista Complementar muted desaturated soundsdotzip versatile

Curtidas 93

Cores 12

Variáveis 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 sóbria de 12 cores vai de Understated (#D4C9BA), o tom mais claro, até Bokara Grey (#2E2626), o mais escuro. Ela reúne Bokara Grey, Odyssey Grey, Seattle Haze, Ice Gull Grey Blue, Rose Tea, Grape Jelly, Shopping Bag, Roseland, Stuffing, Understated, Ashlite e Fir Spruce Green em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 7 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #2E2626 sobre #D4C9BA, com 9,05:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

Bokara Grey #2E2626

RGB: rgb(46, 38, 38)
HSL: hsl(0, 10%, 16%)
Luminância: 0,021

Odyssey Grey #4B4B5E

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

Seattle Haze #797D91

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

Ice Gull Grey Blue #9CB3B8

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

Rose Tea #B58B90

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

Grape Jelly #80627E

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

Shopping Bag #574744

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

Roseland #946663

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

Stuffing #BF9A84

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

Understated #D4C9BA

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

Ashlite #A8A39D

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

Fir Spruce Green #6D7A69

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

Contraste e acessibilidade

7 de 66 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

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 Reprovado

Aa #B58B90 sobre #574744 2,95:1 Reprovado

Aa #4B4B5E sobre #B58B90 2,86:1 Reprovado

Aa #2E2626 sobre #80627E 2,79:1 Reprovado

Aa #D4C9BA sobre #6D7A69 2,77:1 Reprovado

Aa #797D91 sobre #D4C9BA 2,50:1 Reprovado

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

Aa #9CB3B8 sobre #946663 2,20:1 Reprovado

Aa #797D91 sobre #574744 2,16:1 Reprovado

Aa #80627E sobre #A8A39D 2,12:1 Reprovado

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

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

Aa #80627E sobre #BF9A84 2,06:1 Reprovado

Aa #574744 sobre #6D7A69 1,94:1 Reprovado

Aa #946663 sobre #A8A39D 1,93:1 Reprovado

Aa #4B4B5E sobre #6D7A69 1,88:1 Reprovado

Aa #946663 sobre #BF9A84 1,88:1 Reprovado

Aa #797D91 sobre #9CB3B8 1,85:1 Reprovado

Aa #B58B90 sobre #D4C9BA 1,82:1 Reprovado

Aa #574744 sobre #946663 1,82:1 Reprovado

Aa #A8A39D sobre #6D7A69 1,81:1 Reprovado

Aa #B58B90 sobre #80627E 1,78:1 Reprovado

Aa #4B4B5E sobre #946663 1,76:1 Reprovado

Aa #BF9A84 sobre #6D7A69 1,76:1 Reprovado

Aa #2E2626 sobre #4B4B5E 1,74:1 Reprovado

Aa #2E2626 sobre #574744 1,68:1 Reprovado

Aa #80627E sobre #574744 1,66:1 Reprovado

Aa #797D91 sobre #A8A39D 1,63:1 Reprovado

Aa #B58B90 sobre #946663 1,63:1 Reprovado

Aa #4B4B5E sobre #80627E 1,61:1 Reprovado

Aa #797D91 sobre #BF9A84 1,58:1 Reprovado

Aa #BF9A84 sobre #D4C9BA 1,57:1 Reprovado

Aa #D4C9BA sobre #A8A39D 1,53:1 Reprovado

Aa #B58B90 sobre #6D7A69 1,52:1 Reprovado

Aa #797D91 sobre #B58B90 1,37:1 Reprovado

Aa #9CB3B8 sobre #B58B90 1,35:1 Reprovado

Aa #9CB3B8 sobre #D4C9BA 1,35:1 Reprovado

Aa #797D91 sobre #80627E 1,30:1 Reprovado

Aa #797D91 sobre #946663 1,19:1 Reprovado

Aa #B58B90 sobre #A8A39D 1,19:1 Reprovado

Aa #9CB3B8 sobre #BF9A84 1,17:1 Reprovado

Aa #80627E sobre #6D7A69 1,17:1 Reprovado

Aa #B58B90 sobre #BF9A84 1,16:1 Reprovado

Aa #9CB3B8 sobre #A8A39D 1,14:1 Reprovado

Aa #797D91 sobre #6D7A69 1,11:1 Reprovado

Aa #80627E sobre #946663 1,09:1 Reprovado

Aa #946663 sobre #6D7A69 1,07:1 Reprovado

Aa #4B4B5E sobre #574744 1,03:1 Reprovado

Aa #BF9A84 sobre #A8A39D 1,03:1 Reprovado

Paletas semelhantes

#F9ED69 #F08A5D #B83B5E #6A2C70

4 cores

#7D5A50 #B4846C #E5B299 #FCDEC0

4 cores

#FFF8EA #9E7676 #815B5B #594545

4 cores

#2C3639 #3F4E4F #A27B5C #DCD7C9

4 cores

#F67280 #C06C84 #6C5B7B #355C7D

4 cores

#2B2E4A #E84545 #903749 #53354A

4 cores

#E5D9B6 #A4BE7B #5F8D4E #285430

4 cores

#A9907E #F3DEBA #ABC4AA #675D50

4 cores

Twelve Fallen Leaves