Colours

Our design system is decentralized and built for multi-product purposes. Having different-color naming conventions and numbers etc... makes it harder to maintain it.

For that, we made a decision to give our colours unique names.

Meet the Dragon Ball Z approach.

Each color name is assigned for specific purpose and for each product these values are different.

Please never use Hex values, they won"t change if you need theme support.

Colours

Main colours

Accent colours

piccolo

hit

Border and line colours

beerus

Background colours

goku

gohan

Text and icon colours

bulma

trunks

Forced colours

goten

popo

Hover and overlay colours

jiren

heles

zeno

Supportive colours

Krillin - Warning colour

krillin

krillin-60

krillin-10

Chi Chi - Error colour

chichi

chichi-60

chichi-10

Roshi - Success colour

roshi

roshi-60

roshi-10

Dodoria

dodoria

dodoria-60

dodoria-10

Cell

cell

cell-60

cell-10

Raditz

raditz

raditz-60

raditz-10

Whis

whis

whis-60

whis-10

Frieza

frieza

frieza-60

frieza-10

Nappa

nappa

nappa-60

nappa-10