Палитра «Арктика»

Лёд и холодный серый камень. Строгая гамма для техники, медицины и сервисов, где важна точность.

#E0FBFCrgb(224, 251, 252)

#C2DFE3rgb(194, 223, 227)

#9DB4C0rgb(157, 180, 192)

#5C6B73rgb(92, 107, 115)

#253237rgb(37, 50, 55)

Коды цветов

HEX	RGB	HSL
`#E0FBFC`	`rgb(224, 251, 252)`	`hsl(182, 82%, 93%)`
`#C2DFE3`	`rgb(194, 223, 227)`	`hsl(187, 37%, 83%)`
`#9DB4C0`	`rgb(157, 180, 192)`	`hsl(201, 22%, 68%)`
`#5C6B73`	`rgb(92, 107, 115)`	`hsl(201, 11%, 41%)`
`#253237`	`rgb(37, 50, 55)`	`hsl(197, 20%, 18%)`

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

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#E0FBFC`	`#253237`	12,18:1	любой текст (AAA)
Аа `#C2DFE3`	`#253237`	9,40:1	любой текст (AAA)
Аа `#9DB4C0`	`#253237`	6,11:1	обычный текст (AA)
Аа `#E0FBFC`	`#5C6B73`	5,09:1	обычный текст (AA)
Аа `#C2DFE3`	`#5C6B73`	3,93:1	заголовки и кнопки
Аа `#9DB4C0`	`#5C6B73`	2,55:1	только декор

:root {
  --color-1: #e0fbfc;
  --color-2: #c2dfe3;
  --color-3: #9db4c0;
  --color-4: #5c6b73;
  --color-5: #253237;
}