Палитра «Скандинавский минимализм»

Тёплые серые и молочный белый. Спокойная основа для мебели, интерьеров и архитектуры: вещи на фото выглядят дороже.

#F4F1ECrgb(244, 241, 236)

#D9D2C5rgb(217, 210, 197)

#A39E93rgb(163, 158, 147)

#5C5A57rgb(92, 90, 87)

#2B2B2Brgb(43, 43, 43)

Коды цветов

HEX	RGB	HSL
`#F4F1EC`	`rgb(244, 241, 236)`	`hsl(37, 27%, 94%)`
`#D9D2C5`	`rgb(217, 210, 197)`	`hsl(39, 21%, 81%)`
`#A39E93`	`rgb(163, 158, 147)`	`hsl(41, 8%, 61%)`
`#5C5A57`	`rgb(92, 90, 87)`	`hsl(36, 3%, 35%)`
`#2B2B2B`	`rgb(43, 43, 43)`	`hsl(0, 0%, 17%)`

Так выглядит обычный текст цветом #2B2B2B на фоне #F4F1EC. Контраст 12,56:1, читается хорошо.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#F4F1EC`	`#2B2B2B`	12,56:1	любой текст (AAA)
Аа `#D9D2C5`	`#2B2B2B`	9,42:1	любой текст (AAA)
Аа `#F4F1EC`	`#5C5A57`	6,10:1	обычный текст (AA)
Аа `#A39E93`	`#2B2B2B`	5,30:1	обычный текст (AA)
Аа `#D9D2C5`	`#5C5A57`	4,57:1	обычный текст (AA)
Аа `#A39E93`	`#5C5A57`	2,57:1	только декор

:root {
  --color-1: #f4f1ec;
  --color-2: #d9d2c5;
  --color-3: #a39e93;
  --color-4: #5c5a57;
  --color-5: #2b2b2b;
}