Color | SUI Docs

# Color

SimpleUI recommends to use the colors of the palette below as the rule for design and development for ensuring the visual consistence among the pages and components.

$color-regal-blue

#013779

$color-kite-blue

#0059c1

$chart-blue

#387ed1

$color-lochmara-blue

#0089D0

$color-havelock-blue

#387ed1

$color-dodger-aqua

#00B0FF

$color-jewel-green

#167F39

$color-fruit-salad-green

#4caf50

$color-profit-green

#10b983

$chart-green

#4bc0c0

$color-solid-grey

#444444

$color-tundora-grey

#4a4a4a

$color-dove-grey

#666666

$color-dusty-grey

#9b9b9b

$color-silver-grey

#cccccc

$chart-grey

#c9cbcf

$color-alto-grey

#DDDDDD

$color-border-grey

#e1e1e1

$color-mercury-grey

#e3e3e3

$color-gallery-grey

#eeeeee

$color-wild-sand-grey

#f4f4f4

$color-athens-grey

#fafafb

$color-lemon-yellow

#fffacd

$color-candlelight-yellow

#fed51c

$chart-yellow

#ffcd56

$color-light-orange

#f8ab00

$chart-orange

#ff9f40

$color-solid-amber

#FF8F00

$color-solid-orange

#ff5722

$color-pomegranate-red

#f6461a

$color-profit-red

#f35631

$color-wellread-red

#B73737

$chart-red

rgb(255, 99, 132)

$color-french-rose

#EC407A

$chart-purple

rgb(153, 102, 255)

$color-solid-indigo

#673AB7

$color-solid-teal

#009688

$color-solid-black

#000000

← Button Radio →