Палитра «Мятный сад»

Зелень от тёмной хвои до мяты. Подходит для эко-товаров, садовых центров, клиник и всего, что про здоровье.

#081C15rgb(8, 28, 21)

#1B4332rgb(27, 67, 50)

#40916Crgb(64, 145, 108)

#95D5B2rgb(149, 213, 178)

#D8F3DCrgb(216, 243, 220)

Коды цветов

HEX	RGB	HSL
`#081C15`	`rgb(8, 28, 21)`	`hsl(159, 56%, 7%)`
`#1B4332`	`rgb(27, 67, 50)`	`hsl(155, 43%, 18%)`
`#40916C`	`rgb(64, 145, 108)`	`hsl(153, 39%, 41%)`
`#95D5B2`	`rgb(149, 213, 178)`	`hsl(147, 43%, 71%)`
`#D8F3DC`	`rgb(216, 243, 220)`	`hsl(129, 53%, 90%)`

Так выглядит обычный текст цветом #081C15 на фоне #D8F3DC. Контраст 14,97:1, читается хорошо.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#081C15`	`#D8F3DC`	14,97:1	любой текст (AAA)
Аа `#081C15`	`#95D5B2`	10,47:1	любой текст (AAA)
Аа `#1B4332`	`#D8F3DC`	9,37:1	любой текст (AAA)
Аа `#1B4332`	`#95D5B2`	6,56:1	обычный текст (AA)
Аа `#081C15`	`#40916C`	4,61:1	обычный текст (AA)
Аа `#40916C`	`#D8F3DC`	3,24:1	заголовки и кнопки

:root {
  --color-1: #081c15;
  --color-2: #1b4332;
  --color-3: #40916c;
  --color-4: #95d5b2;
  --color-5: #d8f3dc;
}