Colors Kit

The Colors KIT introduces unexpected and vibrant colors, based on Google's Material Design Guideline, inspired by bold color statements juxtaposed with muted environments, taking cues from contemporary architecture & many more.

The color palettes

19 color palettes designed to work harmoniously with each other.

Red

Pink

Purple

Deep Purple

Indigo

Blue

Light Blue

Cyan

Teal

Green

Light Green

Lime

Yellow

Amber

Orange

Deep Orange

Brown

Grey

Blue Grey


The user interface

250 shades of color applicable to the general User Interface - background colors and text colors for adding contextual value to any element, buttons, alerts, progress bars, calendars, tabs and even sidebar menus.

Buttons

Regular Buttons

Regular buttons with all of the colour palette for quickly creating styled and vibrant buttons.

Stacked Buttons

Stacked Buttons with two lines of text and icon. All regular button styles can be used with stacked buttons.

Buttons with Stroke


Progress Bars

Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.

Progress Bars

60% Complete
60% Complete
60% Complete
60% Complete
60% Complete

Progress Bars

60% Complete
60% Complete
60% Complete
60% Complete
60% Complete

Progress Bars

60% Complete
60% Complete
60% Complete
60% Complete
60% Complete

Sidebar Colors

Press ESC to close any sidebar.


Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Alerts

Alerts

Alerts

Alerts

Alerts

Alerts


Calendars

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Calendars

Calendars

Calendars