Product Engineering Design System
- Blueprint Azure#1c6ed5
- Component Sky#6fb1fc
- Interaction Mint#5fe3c0
- Divider Fog#e4e7ec
- Primary Ink#101828
- Highlight Apricot#ffb703
Создано 01/22/2026 09:04
Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета Component Sky #6fb1fc и Highlight Apricot #ffb703. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #101828 (самый тёмный) до #E4E7EC (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 67% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (4 из 6).
HEX-коды (по возрастанию): #101828, #1C6ED5, #5FE3C0, #6FB1FC, #E4E7EC, #FFB703
Палитра Product Engineering Design System содержит комбинацию из 6 кодов цветов:
HEX: #1c6ed5, RGB: (28, 110, 213); HEX: #6fb1fc, RGB: (111, 177, 252); HEX: #5fe3c0, RGB: (95, 227, 192)
HEX: #e4e7ec, RGB: (228, 231, 236); HEX: #101828, RGB: (16, 24, 40); HEX: #ffb703, RGB: (255, 183, 3)
Упрощенная версия цветов палитры
Тёмный оттенок Королевский синий, Светлый оттенок Васильковый, Светлый оттенок Умеренный аквамариновый, Тёмный оттенок Синий Элис, Светлый оттенок Черный, Светлый оттенок Оранжевый
Цветовая схема создана автором colorstudio
Коды цветов в палитре
Product Engineering Design System коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #1c6ed5 | #1c6ed5 | RGB(28, 110, 213) | Blueprint Azure | — |
| #6fb1fc | #6fb1fc | RGB(111, 177, 252) | Component Sky | — |
| #5fe3c0 | #5fe3c0 | RGB(95, 227, 192) | Interaction Mint | — |
| #e4e7ec | #e4e7ec | RGB(228, 231, 236) | Divider Fog | — |
| #101828 | #101828 | RGB(16, 24, 40) | Primary Ink | — |
| #ffb703 | #ffb703 | RGB(255, 183, 3) | Highlight Apricot | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#6fb1fc | #5fe3c0 | 1.41 |
#6fb1fc | #e4e7ec | 1.8 |
#6fb1fc | #ffb703 | 1.28 |
#5fe3c0 | #e4e7ec | 1.27 |
#5fe3c0 | #ffb703 | 1.1 |
#e4e7ec | #ffb703 | 1.4 |
Палитра из изображения Product Engineering Design System png
Экспорт палитры
Скачайте "Product Engineering Design System" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: