Framework

Colors references

Base / UI

Base UI

100

Base UI

200

Base UI

300

Base UI

400

Base UI

500

Base UI

600

Base UI

700

Base UI

800

Base UI

850

Base UI

900

Base / Mono

Base Mono

100

Base Mono

900

Brand

Brand

500

Brand / premium

Premium Light

300

Premium Medium

500

Premium Dark

700

Brand / interaction

Interaction Light

300

Interaction Medium

500

Interaction Dark

700

Decorative

Blue Light

300

Blue Medium

500

Blue Dark

700

Purple Light

300

Purple Medium

500

Purple Dark

700

Teal Light

300

Teal Medium

500

Teal Dark

700

Decorative / reward

Gold Light

300

Gold Main

500

Gold Dark

700

Silver Light

300

Silver Main

500

Silver Dark

700

Bronze Light

300

Bronze Main

500

Bronze Dark

700

Decorative / gradient

Teal blue

300

Purple blue

500

System

Attention Light

300

Attention Main

500

Attention Dark

700

Success Light

300

Success Main

500

Success Dark

700

Info Light

300

Info Main

500

Info Dark

700

Error Light

300

Error Main

500

Error Dark

700

Disabled Light

300

Disabled Main

500

Disabled Dark

700

Game

Apex Legends

500

CS:GO

500

Dota 2

500

League of Legends

500

Rocket League

500

PUBG: BATTLEGROUNDS

500

VALORANT

500