Реєстрація Реєстрація
Twelve Fallen Leaves

Twelve Fallen Leaves

Палітра з 12 кольорів · Теплі · Змішані · Комплементарна гармонія

До бібліотеки

Twelve Fallen Leaves

Палітра з 12 кольорів · Теплі кольори · Змішані тони · Комплементарна гармонія

Редагувати
Приглушені 12 кольорів Теплі Змішані Комплементарна muted desaturated soundsdotzip versatile
Вподобання 93
Кольори 12

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;
}

Про цю палітру

Ця приглушена палітра з 12 кольорів охоплює діапазон від Understated (#D4C9BA), найсвітлішого тону, до Bokara Grey (#2E2626), найтемнішого. Вона об'єднує Bokara Grey, Odyssey Grey, Seattle Haze, Ice Gull Grey Blue, Rose Tea, Grape Jelly, Shopping Bag, Roseland, Stuffing, Understated, Ashlite та Fir Spruce Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них, найконтрастніша — #2E2626 на #D4C9BA (9,05:1).

Універсальна палітра для маркетингових сторінок, hero-блоків продукту, ілюстрацій і акцентних станів інтерфейсу.

Розбір кольорів

Bokara Grey #2E2626
RGB
rgb(46, 38, 38)
HSL
hsl(0, 10%, 16%)
Яскравість
0,021
Odyssey Grey #4B4B5E
RGB
rgb(75, 75, 94)
HSL
hsl(240, 11%, 33%)
Яскравість
0,073
Seattle Haze #797D91
RGB
rgb(121, 125, 145)
HSL
hsl(230, 10%, 52%)
Яскравість
0,208
Ice Gull Grey Blue #9CB3B8
RGB
rgb(156, 179, 184)
HSL
hsl(191, 16%, 67%)
Яскравість
0,428
Rose Tea #B58B90
RGB
rgb(181, 139, 144)
HSL
hsl(353, 22%, 63%)
Яскравість
0,303
Grape Jelly #80627E
RGB
rgb(128, 98, 126)
HSL
hsl(304, 13%, 44%)
Яскравість
0,148
Shopping Bag #574744
RGB
rgb(87, 71, 68)
HSL
hsl(9, 12%, 30%)
Яскравість
0,070
Roseland #946663
RGB
rgb(148, 102, 99)
HSL
hsl(4, 20%, 48%)
Яскравість
0,167
Stuffing #BF9A84
RGB
rgb(191, 154, 132)
HSL
hsl(22, 32%, 63%)
Яскравість
0,359
Understated #D4C9BA
RGB
rgb(212, 201, 186)
HSL
hsl(35, 23%, 78%)
Яскравість
0,593
Ashlite #A8A39D
RGB
rgb(168, 163, 157)
HSL
hsl(33, 6%, 64%)
Яскравість
0,370
Fir Spruce Green #6D7A69
RGB
rgb(109, 122, 105)
HSL
hsl(106, 7%, 45%)
Яскравість
0,182

Контраст і доступність

Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них.

Aa #2E2626 на #D4C9BA 9,05:1 AAA
Aa #2E2626 на #9CB3B8 6,72:1 AA
Aa #2E2626 на #A8A39D 5,90:1 AA
Aa #2E2626 на #BF9A84 5,75:1 AA
Aa #574744 на #D4C9BA 5,38:1 AA
Aa #4B4B5E на #D4C9BA 5,21:1 AA
Aa #2E2626 на #B58B90 4,97:1 AA
Aa #9CB3B8 на #574744 4,00:1 AA, великий текст
Aa #4B4B5E на #9CB3B8 3,87:1 AA, великий текст
Aa #2E2626 на #797D91 3,63:1 AA, великий текст
Aa #574744 на #A8A39D 3,51:1 AA, великий текст
Aa #574744 на #BF9A84 3,42:1 AA, великий текст
Aa #4B4B5E на #A8A39D 3,40:1 AA, великий текст
Aa #4B4B5E на #BF9A84 3,31:1 AA, великий текст
Aa #2E2626 на #6D7A69 3,26:1 AA, великий текст
Aa #80627E на #D4C9BA 3,24:1 AA, великий текст
Aa #2E2626 на #946663 3,05:1 AA, великий текст
Aa #946663 на #D4C9BA 2,96:1 Не проходить
Aa #B58B90 на #574744 2,95:1 Не проходить
Aa #4B4B5E на #B58B90 2,86:1 Не проходить
Aa #2E2626 на #80627E 2,79:1 Не проходить
Aa #D4C9BA на #6D7A69 2,77:1 Не проходить
Aa #797D91 на #D4C9BA 2,50:1 Не проходить
Aa #9CB3B8 на #80627E 2,41:1 Не проходить
Aa #9CB3B8 на #946663 2,20:1 Не проходить
Aa #797D91 на #574744 2,16:1 Не проходить
Aa #80627E на #A8A39D 2,12:1 Не проходить
Aa #4B4B5E на #797D91 2,09:1 Не проходить
Aa #9CB3B8 на #6D7A69 2,06:1 Не проходить
Aa #80627E на #BF9A84 2,06:1 Не проходить
Aa #574744 на #6D7A69 1,94:1 Не проходить
Aa #946663 на #A8A39D 1,93:1 Не проходить
Aa #4B4B5E на #6D7A69 1,88:1 Не проходить
Aa #946663 на #BF9A84 1,88:1 Не проходить
Aa #797D91 на #9CB3B8 1,85:1 Не проходить
Aa #B58B90 на #D4C9BA 1,82:1 Не проходить
Aa #574744 на #946663 1,82:1 Не проходить
Aa #A8A39D на #6D7A69 1,81:1 Не проходить
Aa #B58B90 на #80627E 1,78:1 Не проходить
Aa #4B4B5E на #946663 1,76:1 Не проходить
Aa #BF9A84 на #6D7A69 1,76:1 Не проходить
Aa #2E2626 на #4B4B5E 1,74:1 Не проходить
Aa #2E2626 на #574744 1,68:1 Не проходить
Aa #80627E на #574744 1,66:1 Не проходить
Aa #797D91 на #A8A39D 1,63:1 Не проходить
Aa #B58B90 на #946663 1,63:1 Не проходить
Aa #4B4B5E на #80627E 1,61:1 Не проходить
Aa #797D91 на #BF9A84 1,58:1 Не проходить
Aa #BF9A84 на #D4C9BA 1,57:1 Не проходить
Aa #D4C9BA на #A8A39D 1,53:1 Не проходить
Aa #B58B90 на #6D7A69 1,52:1 Не проходить
Aa #797D91 на #B58B90 1,37:1 Не проходить
Aa #9CB3B8 на #B58B90 1,35:1 Не проходить
Aa #9CB3B8 на #D4C9BA 1,35:1 Не проходить
Aa #797D91 на #80627E 1,30:1 Не проходить
Aa #797D91 на #946663 1,19:1 Не проходить
Aa #B58B90 на #A8A39D 1,19:1 Не проходить
Aa #9CB3B8 на #BF9A84 1,17:1 Не проходить
Aa #80627E на #6D7A69 1,17:1 Не проходить
Aa #B58B90 на #BF9A84 1,16:1 Не проходить
Aa #9CB3B8 на #A8A39D 1,14:1 Не проходить
Aa #797D91 на #6D7A69 1,11:1 Не проходить
Aa #80627E на #946663 1,09:1 Не проходить
Aa #946663 на #6D7A69 1,07:1 Не проходить
Aa #4B4B5E на #574744 1,03:1 Не проходить
Aa #BF9A84 на #A8A39D 1,03:1 Не проходить

Схожі палітри

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори