AI Productivity Motion Design System

Neon Indigo
#4338ca
Laser Mint
#9ef2a4
Chrome Gray
#e0e0e0
Deep Interface Black
#111111
Soft Pulse Blue
#a0cfff
Highlight Amber
#ffc94a

Палитра содержит светлый, темный цвета. Акцентные цвета Soft Pulse Blue #a0cfff да Highlight Amber #ffc94a. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.

По светлоте палитра тянется от #111111 (самый тёмный) до #E0E0E0 (самый светлый). Диапазон светлоты широкий.

В целом насыщенность выглядит яркой (высокая хрома).

Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).

В целом температура смещена в сторону холодного.

HEX-коды (по возрастанию): #111111, #4338CA, #9EF2A4, #A0CFFF, #E0E0E0, #FFC94A

Палитра AI Productivity Motion Design System содержит комбинацию из 6 кодов цветов:

HEX: #4338ca, RGB: (67, 56, 202); HEX: #9ef2a4, RGB: (158, 242, 164); HEX: #e0e0e0, RGB: (224, 224, 224)

HEX: #111111, RGB: (17, 17, 17); HEX: #a0cfff, RGB: (160, 207, 255); HEX: #ffc94a, RGB: (255, 201, 74)

Упрощенная версия цветов палитры

Тень Синий, Тень lightgreen, Тень gainsboro, Тень Черный, Тень lightskyblue, Тень gold

Цветовая схема создана автором coolor

Больше палитр с:

Коды цветов в палитре

AI Productivity Motion Design System коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#4338ca	#4338ca	RGB(67, 56, 202)	Neon Indigo	—
#9ef2a4	#9ef2a4	RGB(158, 242, 164)	Laser Mint	—
#e0e0e0	#e0e0e0	RGB(224, 224, 224)	Chrome Gray	Gray88
#111111	#111111	RGB(17, 17, 17)	Deep Interface Black	Dreamless Sleep
#a0cfff	#a0cfff	RGB(160, 207, 255)	Soft Pulse Blue	—
#ffc94a	#ffc94a	RGB(255, 201, 74)	Highlight Amber	—

Контраст палитры цветов

6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.

Цвет текста	Цвет фона	Коэффициент контрастности
#9ef2a4	#e0e0e0	1.01
#9ef2a4	#a0cfff	1.21
#9ef2a4	#ffc94a	1.14
#e0e0e0	#a0cfff	1.23
#e0e0e0	#ffc94a	1.16
#a0cfff	#ffc94a	1.06

Изображение палитры AI Productivity Motion Design System png

AI Productivity Motion Design System - #562811

--color-neon-indigo:	#4338ca;
--color-laser-mint:	#9ef2a4;
--color-chrome-gray:	#e0e0e0;
--color-deep-interface-black:	#111111;
--color-soft-pulse-blue:	#a0cfff;
--color-highlight-amber:	#ffc94a;

$color-neon-indigo:	#4338ca;
$color-laser-mint:	#9ef2a4;
$color-chrome-gray:	#e0e0e0;
$color-deep-interface-black:	#111111;
$color-soft-pulse-blue:	#a0cfff;
$color-highlight-amber:	#ffc94a;

@color-neon-indigo:	#4338ca;
@color-laser-mint:	#9ef2a4;
@color-chrome-gray:	#e0e0e0;
@color-deep-interface-black:	#111111;
@color-soft-pulse-blue:	#a0cfff;
@color-highlight-amber:	#ffc94a;