Сделал плагин для Figma — генератор цветовых палитр. Называется renk · palette.

Палитру обычно подбирают руками: взяли основной цвет, накрутили рядом оттенков посветлее и потемнее — вроде ровно. А потом жёлтый-500 оказывается светлее синего-500, тёмный жёлтый уходит в оливковый, серые гуляют по теплоте. И в файле постепенно заводится двадцать оттенков синего.

Плагин строит палитру как матрицу: оттенки × светлота × насыщенность. Внутри OKLCH, поэтому рампы выровнены по восприятию — 500-й тон любого цвета ощущается одинаково тёмным.

Брендовые цвета сетку не ломают. Кидаешь свои хексы, можно сразу списком — плагин сам находит каждому место в матрице и помечает как ключевой.

Нейтральные рампы — с тёплым или холодным подтоном, сколько нужно. Плюс альфа-рампы белого и чёрного. То, что обычно собирается руками. (добавил после первой публикации пока на ревью оттенки нейтралей)

Дальше одна кнопка — и всё это Figma Variables. Запустил второй раз — переменные обновились на месте, без дублей и битых ссылок в макетах.

Для въедливых есть тонкая настройка. Bias светлоты на каждый оттенок — чтобы жёлтый оставался жёлтым даже в тёмных тонах, а не превращался в коричневый. Несколько уровней насыщенности. Свои имена слотов.

Палитра — фундамент дизайн-системы. Когда она построена по правилам, а не по вкусу, всё остальное — токены, темы, доступность — становится сильно проще.

Если тема близка — у меня есть курс по токенам цвета на ютубе, там про всё это подробнее.