Cloud-Native Design System Shell
- API Sky#a0e7e5
- Token Grey#b0bec5
- Container Coral#ff6f61
- Node White Smoke#f9fafb
- Route Navy#264653
- Compute Mint#b9fbc0
- Surface Graphite#2e2e2e
Створено 07/11/2025 21:11
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Container Coral #ff6f61 та Compute Mint #b9fbc0. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #2E2E2E (найтемніший) до #F9FAFB (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 3 приглушених і 3 яскравих із 7 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (4 із 7).
HEX-коди (відсортовано): #264653, #2E2E2E, #A0E7E5, #B0BEC5, #B9FBC0, #F9FAFB, #FF6F61
Палітра Cloud-Native Design System Shell містить комбінацію з 7 кодів кольорів :
HEX: #a0e7e5, RGB: (160, 231, 229); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #264653, RGB: (38, 70, 83); HEX: #b9fbc0, RGB: (185, 251, 192)
HEX: #2e2e2e, RGB: (46, 46, 46)
Спрощений варіант палітри кольорів
Темний відтінок Блідо-бірюзовий, Темний відтінок Срібний, Темний відтінок Лососевий, Світлий відтінок Димчасто-білий, Темний відтінок Темний сланцево-сірий, Світлий відтінок Блідо-зелений, Світлий відтінок Чорний
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Cloud-Native Design System Shell коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #a0e7e5 | #a0e7e5 | RGB(160, 231, 229) | API Sky | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Token Grey | Ocean Drive |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Container Coral | Living Coral |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Node White Smoke | — |
| #264653 | #264653 | RGB(38, 70, 83) | Route Navy | — |
| #b9fbc0 | #b9fbc0 | RGB(185, 251, 192) | Compute Mint | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Surface Graphite | Carbon Fiber |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#a0e7e5 | #b0bec5 | 1.36 |
#a0e7e5 | #ff6f61 | 1.95 |
#a0e7e5 | #f9fafb | 1.33 |
#a0e7e5 | #b9fbc0 | 1.17 |
#b0bec5 | #ff6f61 | 1.43 |
#b0bec5 | #f9fafb | 1.82 |
Палітра із зображення Cloud-Native Design System Shell png
Експортувати палітру
Завантажте "Cloud-Native Design System Shell" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: