Создано 03/23/2026 21:02
Accessible Minimal SaaS Product Design Palette
- Primary Slate#334155
- Accent Blue#0284c7
- Success Green#16a34a
- Warning Amber#d97706
- Background Light#f8fafc
- Border Gray#cbd5f5
Палитра содержит светлый цвета. Акцентные цвета Accent Blue #0284c7 да Warning Amber #d97706. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #334155 (самый тёмный) до #F8FAFC (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #0284C7, #16A34A, #334155, #CBD5F5, #D97706, #F8FAFC
Палитра Accessible Minimal SaaS Product Design Palette содержит комбинацию из 6 кодов цветов:
HEX: #334155, RGB: (51, 65, 85); HEX: #0284c7, RGB: (2, 132, 199); HEX: #16a34a, RGB: (22, 163, 74)
HEX: #d97706, RGB: (217, 119, 6); HEX: #f8fafc, RGB: (248, 250, 252); HEX: #cbd5f5, RGB: (203, 213, 245)
Упрощенная версия цветов палитры
Оттенок darkslateblue, Оттенок steelblue, Оттенок mediumseagreen, Оттенок peru, Тень whitesmoke, Тень lightsteelblue
Цветовая схема создана автором colorday
Коды цветов в палитре
Accessible Minimal SaaS Product Design Palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #334155 | #334155 | RGB(51, 65, 85) | Primary Slate | — |
| #0284c7 | #0284c7 | RGB(2, 132, 199) | Accent Blue | — |
| #16a34a | #16a34a | RGB(22, 163, 74) | Success Green | — |
| #d97706 | #d97706 | RGB(217, 119, 6) | Warning Amber | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Background Light | — |
| #cbd5f5 | #cbd5f5 | RGB(203, 213, 245) | Border Gray | — |
Контраст палитры цветов
4 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#0284c7 | #16a34a | 1.24 |
#0284c7 | #d97706 | 1.28 |
#16a34a | #d97706 | 1.03 |
#f8fafc | #cbd5f5 | 1.39 |
Изображение палитры Accessible Minimal SaaS Product Design Palette png
Экспорт палитры
Скачайте "Accessible Minimal SaaS Product Design Palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: