Color Palette

The DIGIT Color palette provides a flexible and accessible range of colors designed to enhance digital experiences across platforms. These colors ensure consistency and usability across applications while supporting a wide range of use cases.

DIGIT Color Palette

This color palette picker only shows the latest version (6.0.0) of DIGIT Color Palette. For now, the available color palette is only for the light theme.

Main Color Palette

Primary 1

#C84C0E

Primary 2

#0B4B66

Primary 1 bg

#FBEEE8

Text

Primary

#363636

Secondary

#787878

Disabled

#C5C5C5

Alert

Error

#B91900

Success

#00703C

Warning

#EA8D00

Info

#0057BD

Error bg

#FFF5F4

Success bg

#F1FFF8

Warning bg

#FFF9F0

Info bg

#DEEFFF

Generic

Generic Background

#EEEEEE

Divider

#D6D5D4

Input Border

#505A5F

Paper

Primary

#FFFFFF

Secondary

#FAFAFA

Usage Guidelines

Consistent Palette

Always use colors defined in the library to ensure consistency across the application. Avoid using custom colors unless necessary and approved by the design system.

Purpose-Driven Colors

Apply colors based on their intended purpose. For instance, use primary colors for buttons and links, secondary colors for accents, and background colors for general layout sections.

Contrast & Accessibility

Ensure that text and important elements have enough contrast against their background. This guarantees readability and accessibility for all users, especially those with visual impairments.

Limit Color Usage

Avoid excessive use of bright or bold colors, particularly in the body text or background areas. Stick to a clean, minimalist design by using a maximum of 3 to 4 main colors in a given layout or component.