Colors

Guidance around color usage is essential to ensure consistent and engaging user interfaces throughout Emplifi Platform.

AI gradient

Gradient / Feature

Linear Gradient, #51F7E5FF, 0.00%, #B180FFFF, 45.00%

Avatar gradients

Gradient / Avatar

Linear Gradient, #3F51B5FF, 0.00%, #1A237EFF, 100.00%

Indigo

Linear Gradient, #71A9FFFF, 0.00%, #415FFFFF, 100.00%

Active Blue

Linear Gradient, #2196F3FF, 0.00%, #0D47A1FF, 100.00%

Blue

Linear Gradient, #00BCD4FF, 0.00%, #006064FF, 100.00%

Cyan

Linear Gradient, #009688FF, 0.00%, #004D40FF, 100.00%

Teal

Linear Gradient, #4CAF50FF, 0.00%, #1B5E20FF, 100.00%

Green

Linear Gradient, #8BC34AFF, 0.00%, #33691EFF, 100.00%

Light green

Linear Gradient, #F5A017FF, 0.00%, #C46512FF, 100.00%

Yellow

Linear Gradient, #E65100FF, 0.00%, #B84000FF, 100.00%

Orange

Linear Gradient, #795548FF, 0.00%, #442C28FF, 100.00%

Brown

Linear Gradient, #CD3497FF, 0.00%, #691A4EFF, 100.00%

Pink

Linear Gradient, #9C27B0FF, 0.00%, #4A148CFF, 100.00%

Purple

Linear Gradient, #622CC2FF, 0.00%, #311B92FF, 100.00%

Deep purple

Linear Gradient, #9F9F9FFF, 0.00%, #575757FF, 100.00%

Gray

Linear Gradient, #1A91FFFF, 0.00%, #263DECFF, 100.00%

Chatbot

Button gradients

Gradient / Button

Linear Gradient, #00000000, 0.00%, #0000001A, 100.00%

Gradient

Linear Gradient, #00000000, 0.00%, #00000033, 100.00%

Gradient Hover

Linear Gradient, #FFFFFF00, 0.00%, #FFFFFF1A, 100.00%

Gradient Active

Soul Design System by Emplifi

Soul is the heart of Emplifi's effort to design the best CX platform for its customers. The design system collects principles, components, patterns, copywriting guidelines, and more.