Бордо и персик, ночная слива и мандарин, бордо и мята — неожиданные пары, которые выглядят дорого. Почему они работают, 8 пар и 10 палитр с кодами HEX / RGB / HSL / OKLCH и проверкой контраста.
Неожиданное сочетание выглядит красиво, когда у двух цветов разные роли: один глубокий и приглушённый — бордо, слива, шоколад, хвоя, второй светлый или яркий — персик, мята, небесный, мандарин. Их связывает тёплый нейтральный фон, а яркого — не больше 10–30% экрана. Ниже — восемь пар, которые работают, и почему, и десять готовых палитр с кодами и проверкой контраста.
Каждая пара показана так, как её применяют: глубокий цвет занимает больше всего площади, яркий — акцент, светлый нейтрал — мостик между ними. Под каждой — почему сочетание держится.
Оба тёплые, но далеки по светлоте: глубокий винный и бледный персик. Контраст мягкий и дорогой на вид — классика для моды, бьюти и ресторанов.
Противоположности на цветовом круге. Фиолетовый почти доведён до чёрного, поэтому гасит пару, а оранжевый светится на нём, как сигнал. Работает для событий, музыки и технологий.
Красный и зелёный — но оба приглушены и далеки по светлоте, поэтому вместо новогодней открытки получается свежая дорогая пара. Хороша для косметики, кафе и упаковки.
Земное и воздушное, тёплое и холодное. Шоколад — тёплая база: цветом 2025 года Pantone назвал мокко, Mocha Mousse, — а небесный добавляет воздуха.
Олива ведёт себя как нейтрал с характером, а розовый не даёт ей стать тяжёлой. Природная, чуть винтажная пара для wellness, еды и личных брендов.
Синий и жёлтый дополняют друг друга по кругу; жёлтый смягчён до сливочного, поэтому пара уверенная, а не детская. Сильный выбор для SaaS, образования и медиа.
Разные семейства, одинаковая мягкость. Глубокий изумруд даёт вес, лаванда — лёгкость: спокойная и чуть необычная пара для здоровья, финансов и интерьеров.
Снова противоположности, но оба цвета «состарены»: тёмная слива и золотая горчица. Читается как осень, ремесло и тепло — для кофеен, книг и хендмейда.
Пары выше, собранные в полные палитры для сайта: фон, поверхность карточек, текст, главный акцент для кнопок и второй — для меток. Код копируется нажатием на цвет, CSS-переменные — одной кнопкой, карточку палитры можно сохранить картинкой. Контраст проверен по WCAG.
01 / 10
тёплая · мягкая · дорогая
Когда брать Мода, бьюти, рестораны, вино и украшения.
Совет Текст не чёрный, а бордово-чёрный #3A0F1A — он держит всю палитру в одной тёплой семье.
| Роль | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Фон | ||||
| Поверхность | ||||
| Текст | ||||
| Акцент | ||||
| Второй акцент |
Пример использования
02 / 10
тёмная тема · смелая · вечерняя
Когда брать События, музыка, ночные заведения, гейминг и запуски продуктов.
Совет Мандарин — единственное яркое на экране. Второй фиолетовый #7552A8 нарочно темнее акцента: при одинаковой светлоте они «дрожали» бы на границе.
| Роль | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Фон | ||||
| Поверхность | ||||
| Текст | ||||
| Акцент | ||||
| Второй акцент |
Пример использования
03 / 10
свежая · контрастная · светлая
Когда брать Косметика, кафе и кондитерские, упаковка, цветочные магазины.
Совет Мята — на подложки меток и блоков, не текстом на белом. Бордо держит кнопки и заголовки.
| Роль | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Фон | ||||
| Поверхность | ||||
| Текст | ||||
| Акцент | ||||
| Второй акцент |
Пример использования
04 / 10
тёплая база · воздушная · спокойная
Когда брать Кофе, интерьеры, недвижимость, путешествия и детские бренды.
Совет Небесный — единственная холодная нота: держите его для акцентов и иллюстраций, и палитра останется уютной.
| Роль | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Фон | ||||
| Поверхность | ||||
| Текст | ||||
| Акцент | ||||
| Второй акцент |
Пример использования
05 / 10
природная · винтажная · мягкая
Когда брать Wellness, органическая еда, керамика, личные бренды.
Совет Олива работает и акцентом, и каркасом: кнопки, линии, иконки. Розовый только подсвечивает.
| Роль | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Фон | ||||
| Поверхность | ||||
| Текст | ||||
| Акцент | ||||
| Второй акцент |
Пример использования
06 / 10
уверенная · яркая · светлая
Когда брать SaaS, образование, медиа и издательства.
Совет Кремовый фон уже несёт каплю жёлтого — поэтому сливочный акцент не выглядит чужим.
| Роль | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Фон | ||||
| Поверхность | ||||
| Текст | ||||
| Акцент | ||||
| Второй акцент |
Пример использования
07 / 10
спокойная · необычная · светлая
Когда брать Медицина, финансы, интерьеры и эко-бренды.
Совет Фон с сиреневым оттенком — мостик: без него изумруд и лаванда стоят рядом, как чужие.
| Роль | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Фон | ||||
| Поверхность | ||||
| Текст | ||||
| Акцент | ||||
| Второй акцент |
Пример использования
08 / 10
тёмная тема · осенняя · тёплая
Когда брать Кофейни, книжные, хендмейд, бренды виски и табака.
Совет Горчица на тёмной сливе читается как золото — берите её для кнопок и тонких линий, не для больших заливок.
| Роль | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Фон | ||||
| Поверхность | ||||
| Текст | ||||
| Акцент | ||||
| Второй акцент |
Пример использования
09 / 10
свежая · ретро · светлая
Когда брать Мода, кафе, канцелярия, бренды в ретро-стиле.
Совет Холодный, почти белый фон не даёт вишнёвому превратиться в «красный распродажи».
| Роль | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Фон | ||||
| Поверхность | ||||
| Текст | ||||
| Акцент | ||||
| Второй акцент |
Пример использования
10 / 10
природная · энергичная · светлая
Когда брать Туризм и спорт, эко-товары, путешествия, доставка еды.
Совет Коралл — маленький и громкий: уведомления, бейджи, один главный призыв. Остальное делает глубокая хвоя.
| Роль | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Фон | ||||
| Поверхность | ||||
| Текст | ||||
| Акцент | ||||
| Второй акцент |
Пример использования
01
Главное правило. Когда оба цвета одинаково светлые и насыщенные, они спорят; когда один глубокий, а другой бледный — поддерживают друг друга.
02
Чистый красный с чистым зелёным — новогодняя открытка, бордо с мятой — дизайн. Сдвиньте оба цвета к серому или коричневому, и пара сразу выглядит дороже.
03
Кремовый, молочный или светлый тёплый фон удерживает два цвета вместе. Добавьте в него каплю одного из пары — тогда палитра читается как одна семья.
04
Обесцветьте макет. Если два цвета слились в один серый, рядом они «дрожат», а текст на них читается плохо. По светлоте они должны заметно различаться.
05
Громкому цвету — меньше площади: мандарину или кораллу 10%, персику или мяте до 30%. Экран держат глубокий цвет и нейтрал.
06
Берите текст как самый тёмный оттенок глубокого цвета — бордово-чёрный, сливово-чёрный, хвойно-чёрный. Контраст тот же, а палитра становится цельной.
Два насыщенных цвета рядом заставляют границу между ними рябить. Один из них должен отступить.
Оранжевый и сиреневый одной светлоты «дрожат» и в чёрно-белом становятся одним серым. Затемните один из них.
Чистые красный, зелёный, синий и жёлтый выглядят как детская игрушка. Трендовые пары почти всегда приглушены, «состарены» или углублены.
Экран только из двух цветов утомляет за секунды. Большая часть площади — спокойный фон.
Коралл на персике или мята на лаванде плохо читаются, даже если выглядят красиво. Текст — тёмный, яркие цвета — на плашки и формы.
Глубокие тёплые приглушённые цвета — бордо, шоколад, слива, олива, хвоя — в паре с неожиданным свежим акцентом: персиком, мятой, небесным, лавандой, мандарином. Цвет 2025 года по версии Pantone, Mocha Mousse, тёплый мокко, — из той же волны.
С персиком и кремовым — для мягкой тёплой палитры, с мятой — для свежей контрастной, с детским голубым — для ретро. Держите бордо глубоким цветом и давайте ему светлого партнёра.
С оранжевым и мандариновым — противоположностью по цветовому кругу — и с золотой горчицей. Чем темнее фиолетовый, тем ярче может быть его партнёр.
Три проверки: обесцветьте макет — цвета должны различаться по светлоте; проверьте контраст текста (от 4.5:1); посмотрите пару на настоящем макете с нейтральным фоном, а не двумя квадратами.
Чистые красный и зелёный одинаково насыщены и близки по светлоте, поэтому «дрожат». Бордо глубокий и приглушённый, мята бледная — те же противоположности, но спокойные.
Да, если база остаётся нейтральной, а смелый цвет живёт в акцентах: кнопках, метках, иллюстрациях. Пара задаёт характер, нейтрал сохраняет серьёзность.
