Палитра Свежая мята

CSS-переменные

:root {
  --color-1: #95D5B2;
  --color-2: #74C69D;
  --color-3: #52B788;
  --color-4: #40916C;
  --color-5: #2D6A4F;
}

Конфиг Tailwind

// tailwind.config.js
colors: {
  "mint-fresh-1": "#95D5B2",
  "mint-fresh-2": "#74C69D",
  "mint-fresh-3": "#52B788",
  "mint-fresh-4": "#40916C",
  "mint-fresh-5": "#2D6A4F",
}

Об этой палитре

Палитра Свежая мята (Mint Fresh) — подобранный набор из 5 цветов с HEX, RGB и готовым экспортом в CSS-переменные и Tailwind. Нажмите на любой свотч для подробностей цвета — конвертаций, контраста и гармоний.

Читаемый текст на каждом цвете

Белый и почти чёрный измерены на каждом свотче. AA значит, что пара берёт 4,5:1 для основного текста; «Только крупный» — что берёт лишь 3:1, и годится от 24px.

#95D5B2Почти чёрный11.19:1AA

#74C69DПочти чёрный9.27:1AA

#52B788Почти чёрный7.64:1AA

#40916CПочти чёрный4.93:1AA

#2D6A4FБелый6.39:1AA

Эти цвета друг на друге

Ни одно из 20 сочетаний внутри палитры не дотягивает до 4,5:1 — сочетайте её цвета с белым или почти чёрным, а не друг с другом.

текст \\ фон	#95D5B2	#74C69D	#52B788	#40916C	#2D6A4F
#95D5B2	·	1.21Не проходит	1.47Не проходит	2.27Не проходит	3.79Только крупный
#74C69D	1.21Не проходит	·	1.21Не проходит	1.88Не проходит	3.14Только крупный
#52B788	1.47Не проходит	1.21Не проходит	·	1.55Не проходит	2.58Не проходит
#40916C	2.27Не проходит	1.88Не проходит	1.55Не проходит	·	1.67Не проходит
#2D6A4F	3.79Только крупный	3.14Только крупный	2.58Не проходит	1.67Не проходит	·

Ещё палитры

Смотрите также

Градиенты в той же гамме

Лес Мята Изумруд