Палитра «Персик»

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

#FFE5D9rgb(255, 229, 217)

#FFCAD4rgb(255, 202, 212)

#F4ACB7rgb(244, 172, 183)

#9D8189rgb(157, 129, 137)

#D8E2DCrgb(216, 226, 220)

Коды цветов

HEX	RGB	HSL
`#FFE5D9`	`rgb(255, 229, 217)`	`hsl(19, 100%, 93%)`
`#FFCAD4`	`rgb(255, 202, 212)`	`hsl(349, 100%, 90%)`
`#F4ACB7`	`rgb(244, 172, 183)`	`hsl(351, 77%, 82%)`
`#9D8189`	`rgb(157, 129, 137)`	`hsl(343, 13%, 56%)`
`#D8E2DC`	`rgb(216, 226, 220)`	`hsl(144, 15%, 87%)`

Так выглядит обычный текст цветом #9D8189 на фоне #FFE5D9. Контраст 2,94:1: для длинного текста лучше взять цвет темнее.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#FFE5D9`	`#9D8189`	2,94:1	только декор
Аа `#9D8189`	`#D8E2DC`	2,66:1	только декор
Аа `#FFCAD4`	`#9D8189`	2,46:1	только декор
Аа `#F4ACB7`	`#9D8189`	1,92:1	только декор
Аа `#FFE5D9`	`#F4ACB7`	1,52:1	только декор
Аа `#F4ACB7`	`#D8E2DC`	1,38:1	только декор

:root {
  --color-1: #ffe5d9;
  --color-2: #ffcad4;
  --color-3: #f4acb7;
  --color-4: #9d8189;
  --color-5: #d8e2dc;
}