Палитра «Осенний лес»

Хвоя, кора и золотые листья. Уютная палитра для кофеен, магазинов одежды из натуральных тканей и осенних акций.

#2D3A1Frgb(45, 58, 31)

#6B4E16rgb(107, 78, 22)

#B5651Drgb(181, 101, 29)

#E09F3Ergb(224, 159, 62)

#F3D9A4rgb(243, 217, 164)

Коды цветов

HEX	RGB	HSL
`#2D3A1F`	`rgb(45, 58, 31)`	`hsl(89, 30%, 17%)`
`#6B4E16`	`rgb(107, 78, 22)`	`hsl(40, 66%, 25%)`
`#B5651D`	`rgb(181, 101, 29)`	`hsl(28, 72%, 41%)`
`#E09F3E`	`rgb(224, 159, 62)`	`hsl(36, 72%, 56%)`
`#F3D9A4`	`rgb(243, 217, 164)`	`hsl(40, 77%, 80%)`

Так выглядит обычный текст цветом #2D3A1F на фоне #F3D9A4. Контраст 8,79:1, читается хорошо.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#2D3A1F`	`#F3D9A4`	8,79:1	любой текст (AAA)
Аа `#6B4E16`	`#F3D9A4`	5,60:1	обычный текст (AA)
Аа `#2D3A1F`	`#E09F3E`	5,29:1	обычный текст (AA)
Аа `#6B4E16`	`#E09F3E`	3,37:1	заголовки и кнопки
Аа `#B5651D`	`#F3D9A4`	3,15:1	заголовки и кнопки
Аа `#2D3A1F`	`#B5651D`	2,78:1	только декор

:root {
  --color-1: #2d3a1f;
  --color-2: #6b4e16;
  --color-3: #b5651d;
  --color-4: #e09f3e;
  --color-5: #f3d9a4;
}