Палитра «Кофе с молоком»

Коричневые тона от эспрессо до пенки. Классика для кофеен, пекарен и шоколадных мастерских.

#3E2723rgb(62, 39, 35)

#6D4C41rgb(109, 76, 65)

#A1887Frgb(161, 136, 127)

#D7CCC8rgb(215, 204, 200)

#F5EFE6rgb(245, 239, 230)

Коды цветов

HEX	RGB	HSL
`#3E2723`	`rgb(62, 39, 35)`	`hsl(9, 28%, 19%)`
`#6D4C41`	`rgb(109, 76, 65)`	`hsl(15, 25%, 34%)`
`#A1887F`	`rgb(161, 136, 127)`	`hsl(16, 15%, 56%)`
`#D7CCC8`	`rgb(215, 204, 200)`	`hsl(16, 16%, 81%)`
`#F5EFE6`	`rgb(245, 239, 230)`	`hsl(36, 43%, 93%)`

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

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#3E2723`	`#F5EFE6`	12,09:1	любой текст (AAA)
Аа `#3E2723`	`#D7CCC8`	8,79:1	любой текст (AAA)
Аа `#6D4C41`	`#F5EFE6`	6,65:1	обычный текст (AA)
Аа `#6D4C41`	`#D7CCC8`	4,84:1	обычный текст (AA)
Аа `#3E2723`	`#A1887F`	4,17:1	заголовки и кнопки
Аа `#A1887F`	`#F5EFE6`	2,89:1	только декор

:root {
  --color-1: #3e2723;
  --color-2: #6d4c41;
  --color-3: #a1887f;
  --color-4: #d7ccc8;
  --color-5: #f5efe6;
}