Палитра «Весенняя пастель»

Пять нежных оттенков одной светлоты. Хороши для детских товаров, кондитерских, приглашений и фона под тёмный текст.

#FFD6E0rgb(255, 214, 224)

#FFEFCFrgb(255, 239, 207)

#D7F9D3rgb(215, 249, 211)

#C9E4FFrgb(201, 228, 255)

#E5D4FFrgb(229, 212, 255)

Коды цветов

HEX	RGB	HSL
`#FFD6E0`	`rgb(255, 214, 224)`	`hsl(345, 100%, 92%)`
`#FFEFCF`	`rgb(255, 239, 207)`	`hsl(40, 100%, 91%)`
`#D7F9D3`	`rgb(215, 249, 211)`	`hsl(114, 76%, 90%)`
`#C9E4FF`	`rgb(201, 228, 255)`	`hsl(210, 100%, 89%)`
`#E5D4FF`	`rgb(229, 212, 255)`	`hsl(264, 100%, 92%)`

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

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#FFEFCF`	`#E5D4FF`	1,21:1	только декор
Аа `#D7F9D3`	`#E5D4FF`	1,20:1	только декор
Аа `#FFD6E0`	`#FFEFCF`	1,16:1	только декор
Аа `#FFEFCF`	`#C9E4FF`	1,15:1	только декор
Аа `#FFD6E0`	`#D7F9D3`	1,15:1	только декор
Аа `#D7F9D3`	`#C9E4FF`	1,14:1	только декор

:root {
  --color-1: #ffd6e0;
  --color-2: #ffefcf;
  --color-3: #d7f9d3;
  --color-4: #c9e4ff;
  --color-5: #e5d4ff;
}