Пастельні тони — це світлі, м’які та «припилені» відтінки, отримані шляхом додавання білого або зменшення насиченості. Вони створюють спокійну атмосферу, візуально розширюють простір і чудово підходять для дизайну інтер’єрів, поліграфії, веб-розробки, брендингу та оформлення соціальних мереж. У цій статті зібрано популярні назви пастельних відтінків і зручні коди (HEX і RGB), які можна одразу використовувати у проєктах.
Що таке пастельні кольори та чим вони відрізняються
Головна особливість пастелі — низька насиченість і висока світлість. Такі кольори виглядають ніжно, не «кричать», добре поєднуються між собою та підходять для фонів, акцентів і великих кольорових заливок.
- М’якість сприйняття — пастель не втомлює очі.
- Універсальність — легко поєднується з нейтральними (білий, сірий, бежевий) і контрастними кольорами.
- Трендовість — пастель активно використовують у мінімалізмі, скандинавському та сучасному дизайні, а також у стилі «soft».
Як читати коди кольорів: HEX і RGB
Щоб відтінок виглядав однаково в різних програмах, використовують цифрові коди:
- HEX — шістнадцятковий код, починається з # (наприклад,
#F2C6D2). - RGB — три значення від 0 до 255 (наприклад,
RGB(242, 198, 210)).
Порада: якщо ви працюєте з друком, додатково перевіряйте CMYK у макеті, оскільки пастельні кольори можуть змінюватися залежно від профілю.
Пастельні відтінки: назви та коди (добірка)
Нижче наведено популярні пастельні відтінки з зрозумілими назвами. Коди можна копіювати у Figma, Photoshop, Illustrator, Canva, CSS та інші інструменти.
Пастельні рожеві відтінки
- Пудрово-рожевий — HEX
#F3C6C6, RGB(243, 198, 198) - Ніжно-рожевий — HEX
#F8C8DC, RGB(248, 200, 220) - Рожевий кварц — HEX
#F7CAC9, RGB(247, 202, 201) - Пастельна троянда — HEX
#F5B7B1, RGB(245, 183, 177)
Пастельні персикові та бежеві відтінки
- Пастельний персиковий — HEX
#FFD1BA, RGB(255, 209, 186) - М’який абрикосовий — HEX
#FBC4AB, RGB(251, 196, 171) - Кремовий — HEX
#FFF1DC, RGB(255, 241, 220) - Бежево-піщаний — HEX
#EADBC8, RGB(234, 219, 200)
Пастельні жовті відтінки
- Ванільний — HEX
#FFF2B2, RGB(255, 242, 178) - Вершковий — HEX
#FFF4C2, RGB(255, 244, 194) - Світло-лимонний — HEX
#F9F7A1, RGB(249, 247, 161) - Пастельна охра — HEX
#F2E2B6, RGB(242, 226, 182)
Пастельні зелені відтінки
- М’ятний — HEX
#BFE6D5, RGB(191, 230, 213) - Фісташковий пастельний — HEX
#D6EBC3, RGB(214, 235, 195) - Шавлієвий — HEX
#C7D9C6, RGB(199, 217, 198) - Світла олива — HEX
#D8E2C3, RGB(216, 226, 195)
Пастельні блакитні та бірюзові відтінки
- Небесний пастельний — HEX
#BFD7EA, RGB(191, 215, 234) - Аква (пастель) — HEX
#BCE7E6, RGB(188, 231, 230) - Пастельний бірюзовий — HEX
#A8DADC, RGB(168, 218, 220) - Лід (крижано-блакитний) — HEX
#D7F0F7, RGB(215, 240, 247)
Пастельні фіолетові відтінки
- Лавандовий — HEX
#CDB4DB, RGB(205, 180, 219) - Бузковий пастельний — HEX
#D9C2E9, RGB(217, 194, 233) - Пастельний аметист — HEX
#C3B1E1, RGB(195, 177, 225) - Ліловий димчастий — HEX
#D6C6E1, RGB(214, 198, 225)
Пастельні сірі та нейтральні відтінки
- Перлинно-сірий — HEX
#E6E6E6, RGB(230, 230, 230) - Туманно-сірий — HEX
#D9DDE2, RGB(217, 221, 226) - Сіро-бежевий (greige) — HEX
#D6CEC3, RGB(214, 206, 195) - Світлий графіт — HEX
#CFCFD6, RGB(207, 207, 214)
Як поєднувати пастельні тони: практичні схеми
Пастельні відтінки найкраще виглядають, коли їх комбінують за зрозумілими правилами.
1) Монохромна пастель
Один колір у різних рівнях світлоти, наприклад від кремового до персикового. Підходить для спокійних інтер’єрів і мінімалістичних сайтів.
2) Споріднені відтінки
Кольори, що розташовані поруч у колірному колі: м’ята + небесний + лаванда. Вдале рішення для брендингу та пакування.
3) Пастель + нейтральні
- пастельний акцент + білий фон;
- пастельні блоки + світло-сірі елементи;
- пастель + бежеві текстури (льон, дерево, папір).
4) Пастель + контрастний акцент
Щоб дизайн не виглядав надто «солодким», додайте один глибший акцент: графітовий, темно-синій або теракотовий (точково — кнопки, заголовки, іконки).
Де використовують пастельні кольори
- Інтер’єри — спальні, дитячі кімнати, кухні, скандинавський і сучасний стиль.
- Брендинг — косметика, дитячі товари, кафе, lifestyle-проєкти.
- Вебдизайн — фони, картки товарів, банери, лендинги.
- Поліграфія — візитки, листівки, пакування, каталоги.
- Соціальні мережі — стрічки, сторіс, обкладинки та шаблони.
Поширені помилки при роботі з пастеллю
- Низький контраст тексту — використовуйте темний шрифт і перевіряйте читабельність.
- Надмірна кількість відтінків — оптимально 3–5 кольорів у палітрі.
- Відсутність перевірки друку — обов’язково робіть кольоропробу.
- Кислотні акценти — вони руйнують м’яку естетику пастелі.
Короткий чек-лист: як зібрати пастельну палітру
- Обрати базовий пастельний відтінок.
- Додати 1–2 споріднені кольори.
- Підібрати нейтральний фон (білий, кремовий, світло-сірий).
- Визначити темний колір для тексту та кнопок.
- Перевірити поєднання на реальному макеті.
