Cloud-Based App Design System
- Deploy Aqua#7ce0d3
- Auth Navy#24305e
- Widget Cream#fffdf5
- Latency Coral#ff8a80
- Data Grid Gray#bfc3c6
- Elastic Pink#fdc5e8
Создано 06/20/2025 07:32
Палитра содержит светлый, темный цвета. Акцентные цвета Deploy Aqua #7ce0d3 и Widget Cream #fffdf5. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #24305E (самый тёмный) до #FFFDF5 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 67% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
Тёплые и холодные элементы довольно сбалансированы (2 тёплых, 2 холодных).
HEX-коды (по возрастанию): #24305E, #7CE0D3, #BFC3C6, #FDC5E8, #FF8A80, #FFFDF5
Палитра Cloud-Based App Design System содержит комбинацию из 6 кодов цветов:
HEX: #7ce0d3, RGB: (124, 224, 211); HEX: #24305e, RGB: (36, 48, 94); HEX: #fffdf5, RGB: (255, 253, 245)
HEX: #ff8a80, RGB: (255, 138, 128); HEX: #bfc3c6, RGB: (191, 195, 198); HEX: #fdc5e8, RGB: (253, 197, 232)
Упрощенная версия цветов палитры
Светлый оттенок Бирюзовый, Светлый оттенок Полуночно-синий, Светлый оттенок Цветочно-белый, Светлый оттенок Лососевый, Светлый оттенок Серебряный, Светлый оттенок Чертополох
Цветовая схема создана автором colourlock
Коды цветов в палитре
Cloud-Based App Design System коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #7ce0d3 | #7ce0d3 | RGB(124, 224, 211) | Deploy Aqua | — |
| #24305e | #24305e | RGB(36, 48, 94) | Auth Navy | — |
| #fffdf5 | #fffdf5 | RGB(255, 253, 245) | Widget Cream | — |
| #ff8a80 | #ff8a80 | RGB(255, 138, 128) | Latency Coral | — |
| #bfc3c6 | #bfc3c6 | RGB(191, 195, 198) | Data Grid Gray | — |
| #fdc5e8 | #fdc5e8 | RGB(253, 197, 232) | Elastic Pink | — |
Контраст палитры цветов
9 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#7ce0d3 | #fffdf5 | 1.53 |
#7ce0d3 | #ff8a80 | 1.46 |
#7ce0d3 | #bfc3c6 | 1.13 |
#7ce0d3 | #fdc5e8 | 1.06 |
#fffdf5 | #bfc3c6 | 1.74 |
#fffdf5 | #fdc5e8 | 1.43 |
Палитра из изображения Cloud-Based App Design System png
Экспорт палитры
Скачайте "Cloud-Based App Design System" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: