background color

Background colors in Frappe UI are prefixed with "surface", for example: surface-gray2
classes would be: bg-surface-gray-2, bg-surface-cards etc

white

gray

gray-1
gray-2
gray-3
gray-4
gray-5
gray-6
gray-7

red

red-1
red-2
red-3
red-4
red-5
red-6
red-7

green

green-1
green-2
green-3

amber

amber-1
amber-2
amber-3

blue

blue-1
blue-2
blue-3

orange

orange-1

violet

violet-1

cyan

cyan-1

pink

pink-1
menu-bar

cards

cards
modal

selected

selected