Нейтральные цвета: какие бывают и как их сочетать
Какие цвета нейтральные, чем отличаются тёплые и холодные нейтральные, готовые наборы с HEX и как подобрать нейтральные к любой палитре.
Готовые палитры · · 2 мин чтения
Нейтральные цвета — это белый, чёрный, серые, бежевые, тауп, молочный и графитовый: оттенки с низкой насыщенностью, которые сочетаются почти со всеми цветами. Они занимают в дизайне основную площадь (фон, текст, поверхности) и задают настроение через подтон: тёплый (жёлтый, розовый) или холодный (синий, зелёный).
Тёплые нейтральные
| Цвет | HEX |
|---|---|
| Слоновая кость | #FFF8E6 |
| Молочный | #F6EFE8 |
| Бежевый | #E8DCC8 |
| Песочный | #D1BFA3 |
| Тауп | #8B7D6B |
| Тёплый графит | #2A2529 |
Холодные нейтральные
| Цвет | HEX |
|---|---|
| Снежный | #F7F9FB |
| Серебристый | #DDE3EA |
| Сине-серый | #94A3B8 |
| Сланцевый | #64748B |
| Тёмный сланец | #334155 |
| Сине-чёрный | #0F172A |
Чистые серые
| Цвет | HEX |
|---|---|
| Белый | #FFFFFF |
| Светло-серый | #E5E5E5 |
| Серый | #A3A3A3 |
| Тёмно-серый | #525252 |
| Почти чёрный | #171717 |
Чистые серые выглядят технично и строго. Если хочется теплоты или связи с брендом — добавьте подтон.
Как подобрать нейтральные к палитре
- Определите температуру акцента. Для тёплого акцента (
#DE7C56) берите тёплые нейтральные, для холодного (#357AAE) — холодные. - Или «подкрасьте» серый акцентом: смешайте 5–10% акцентного цвета с серым. В CSS это делает
color-mix(in srgb, var(--accent) 8%, #F5F5F5)— подробнее в статье цвета в CSS. - Самый простой путь — взять нейтральные прямо из фото: в палитре из генератора почти всегда есть 2–3 приглушённых цвета — это и есть «родные» нейтральные снимка.
Где нужны нейтральные
- 60% площади по правилу 60-30-10: фон сайта, стены в интерьере.
- Текст и иконки.
- Поверхности и плашки — на тон светлее или темнее фона.
Частые вопросы
Какие цвета нейтральные?
Белый, чёрный, все оттенки серого, а также бежевый, тауп, молочный, графитовый и другие цвета с очень низкой насыщенностью.
Что такое тауп?
Серо-коричневый цвет, нечто среднее между серым и бежевым, например #8B7D6B. Хорошо сочетается и с тёплыми, и с холодными цветами.
С чем сочетается бежевый?
С белым, шоколадным, оливковым, терракотовым, тёмно-синим и чёрным.