Палитра «Эко»

Приглушённые зелёные и льняной. Органическая косметика, фермы, экотуризм.

#344E41rgb(52, 78, 65)

#3A5A40rgb(58, 90, 64)

#588157rgb(88, 129, 87)

#A3B18Argb(163, 177, 138)

#DAD7CDrgb(218, 215, 205)

Коды цветов

HEX	RGB	HSL
`#344E41`	`rgb(52, 78, 65)`	`hsl(150, 20%, 25%)`
`#3A5A40`	`rgb(58, 90, 64)`	`hsl(131, 22%, 29%)`
`#588157`	`rgb(88, 129, 87)`	`hsl(119, 19%, 42%)`
`#A3B18A`	`rgb(163, 177, 138)`	`hsl(82, 20%, 62%)`
`#DAD7CD`	`rgb(218, 215, 205)`	`hsl(46, 15%, 83%)`

Так выглядит обычный текст цветом #344E41 на фоне #DAD7CD. Контраст 6,30:1, читается хорошо.

Кнопка

Контраст каждой пары цветов по WCAG: для обычного текста нужно не меньше 4,5:1, для крупных заголовков и кнопок не меньше 3:1.

Текст	Фон	Контраст	Подходит для
Аа `#344E41`	`#DAD7CD`	6,30:1	обычный текст (AA)
Аа `#3A5A40`	`#DAD7CD`	5,36:1	обычный текст (AA)
Аа `#344E41`	`#A3B18A`	3,98:1	заголовки и кнопки
Аа `#3A5A40`	`#A3B18A`	3,39:1	заголовки и кнопки
Аа `#588157`	`#DAD7CD`	3,10:1	заголовки и кнопки
Аа `#344E41`	`#588157`	2,02:1	только декор

:root {
  --color-1: #344e41;
  --color-2: #3a5a40;
  --color-3: #588157;
  --color-4: #a3b18a;
  --color-5: #dad7cd;
}