COLOR STYLES

These are the foundational colors used throughout the application's interface and design system. They define the visual language of the brand, ensuring consistency and accessibility across all touchpoints.

Primary

Primary Colors

This is the main interaction color we use throughout the platform. It represents the brand's identity and is consistently applied across all touchpoints.

Primary [50]

HSB: 220 9 100

Primary [100]

HSB: 220 21 10

Primary [200]

HSB: 220 34 100

Primary [300]

HSB: 220 51 100

Primary [400]

HSB: 220 68 100

Primary [500]

HSB: 220 88 100

Primary [600]

HSB: 220 89 85

Primary [700]

HSB: 220 88 70

Primary [800]

HSB: 220 89 50

Primary [900]

HSB: 220 90 30

Primary [950]

HSB: 220 87 15
Neutral

Neutral Colors

These are the base colors for backgrounds, text, and other UI elements. They create balance and ensure readability in the interface.

Neutral [0]

HSB: 0 0 100

Neutral [50]

HSB: 206 2 96

Neutral [100]

HSB: 207 3 90

Neutral [200]

HSB: 208 4 85

Neutral [300]

HSB: 209 5 70

Neutral [400]

HSB: 211 9 55

Neutral [500]

HSB: 214 13 37

Neutral [600]

HSB: 216 19 23

Neutral [700]

HSB: 216 30 13

Neutral [800]

HSB: 218 32 9

Neutral [900]

HSB: 219 35 5

Neutral [950]

HSB: 0 0 0
Alpha

Alpha Colors

Used to indicate errors or critical actions, these colors are essential for alerting users and drawing attention to important warnings.

White [30%]

HSB: 0 0 100 30%

Blue [0%]

HSB: 0 0 100 0%

Gray [30%]

HSB: 0 0 100 30%

Blue [15%]

HSB: 0 0 100 15%

Black [20%]

HSB: 0 0 100 20%
Others

Other Colors

Used to indicate errors or critical actions, these colors are essential for alerting users and drawing attention to important warnings.

Red [500]

HSB: 0 91 50
Glow-Line-Horizontal
Glow-Line-Vertical
Glow-Reflect-SM
Glow-Reflect-LG