Палитра «Пустыня»

Песок, глина и закатное солнце. Для путешествий, керамики, бохо-интерьеров и натуральной косметики.

#6B3E26rgb(107, 62, 38)

#C26A3Drgb(194, 106, 61)

#E3A66Brgb(227, 166, 107)

#F2D3A3rgb(242, 211, 163)

#FBF1E3rgb(251, 241, 227)

Коды цветов

HEX	RGB	HSL
`#6B3E26`	`rgb(107, 62, 38)`	`hsl(21, 48%, 28%)`
`#C26A3D`	`rgb(194, 106, 61)`	`hsl(20, 52%, 50%)`
`#E3A66B`	`rgb(227, 166, 107)`	`hsl(30, 68%, 65%)`
`#F2D3A3`	`rgb(242, 211, 163)`	`hsl(36, 75%, 79%)`
`#FBF1E3`	`rgb(251, 241, 227)`	`hsl(35, 75%, 94%)`

Так выглядит обычный текст цветом #6B3E26 на фоне #FBF1E3. Контраст 8,02:1, читается хорошо.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#6B3E26`	`#FBF1E3`	8,02:1	любой текст (AAA)
Аа `#6B3E26`	`#F2D3A3`	6,24:1	обычный текст (AA)
Аа `#6B3E26`	`#E3A66B`	4,24:1	заголовки и кнопки
Аа `#C26A3D`	`#FBF1E3`	3,46:1	заголовки и кнопки
Аа `#C26A3D`	`#F2D3A3`	2,69:1	только декор
Аа `#6B3E26`	`#C26A3D`	2,31:1	только декор

:root {
  --color-1: #6b3e26;
  --color-2: #c26a3d;
  --color-3: #e3a66b;
  --color-4: #f2d3a3;
  --color-5: #fbf1e3;
}