Палитра «Оливковая роща»

Олива, сливки и карамель. Средиземноморская кухня, фермерские продукты, крафт.

#283618rgb(40, 54, 24)

#606C38rgb(96, 108, 56)

#FEFAE0rgb(254, 250, 224)

#DDA15Ergb(221, 161, 94)

#BC6C25rgb(188, 108, 37)

Коды цветов

HEX	RGB	HSL
`#283618`	`rgb(40, 54, 24)`	`hsl(88, 38%, 15%)`
`#606C38`	`rgb(96, 108, 56)`	`hsl(74, 32%, 32%)`
`#FEFAE0`	`rgb(254, 250, 224)`	`hsl(52, 94%, 94%)`
`#DDA15E`	`rgb(221, 161, 94)`	`hsl(32, 65%, 62%)`
`#BC6C25`	`rgb(188, 108, 37)`	`hsl(28, 67%, 44%)`

Так выглядит обычный текст цветом #283618 на фоне #FEFAE0. Контраст 12,24:1, читается хорошо.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#283618`	`#FEFAE0`	12,24:1	любой текст (AAA)
Аа `#283618`	`#DDA15E`	5,72:1	обычный текст (AA)
Аа `#606C38`	`#FEFAE0`	5,39:1	обычный текст (AA)
Аа `#FEFAE0`	`#BC6C25`	3,75:1	заголовки и кнопки
Аа `#283618`	`#BC6C25`	3,25:1	заголовки и кнопки
Аа `#606C38`	`#DDA15E`	2,52:1	только декор

:root {
  --color-1: #283618;
  --color-2: #606c38;
  --color-3: #fefae0;
  --color-4: #dda15e;
  --color-5: #bc6c25;
}