Getting StartedStyle PropsThemeColorsColor PalettesColor Intents
reactberry/core
reactberry/forms
reactberry/ui
reactberry/theme
reactberry/hooks
Colors
brand
accent
neutral
light
dark
gray
slategray
red
orange
yellow
green
teal
blue
purple
pink
white
black
primary
secondary
tertiary
action
success
danger
warning
Color Palettes
brands
brands.0
#e7e7ef
brands.1
#bfc1d5
brands.2
#989cbb
brands.3
#7278a1
brands.4
#4b5788
brands.5
#1f3870
brands.6
#07285c
brands.7
#0d224b
brands.8
#101c3a
brands.9
#10162b
accents
accents.0
#eff1ff
accents.1
#d4d9ff
accents.2
#b7c3ff
accents.3
#97adff
accents.4
#7297ff
accents.5
#3b83ff
accents.6
#156ee2
accents.7
#2059b4
accents.8
#224588
accents.9
#1f315f
neutrals
neutrals.0
#eff1f5
neutrals.1
#d4dae5
neutrals.2
#b9c4d5
neutrals.3
#9faec5
neutrals.4
#8498b6
neutrals.5
#6a83a6
neutrals.6
#566e8f
neutrals.7
#465973
neutrals.8
#374558
neutrals.9
#29323e
lights
lights.0
#fefefe
lights.1
#fcfcfd
lights.2
#f9fafc
lights.3
#f7f8fa
lights.4
#f5f7f9
lights.5
#f3f5f8
lights.6
#d7d9db
lights.7
#abacaf
lights.8
#818284
lights.9
#5a5b5c
darks
darks.0
#e6e7e8
darks.1
#bdbfc4
darks.2
#969aa0
darks.3
#70757e
darks.4
#4c535d
darks.5
#2b333f
darks.6
#1c242e
darks.7
#181e27
darks.8
#151920
darks.9
#111419
grays
grays.0
#eff1f5
grays.1
#d4dae5
grays.2
#b9c4d5
grays.3
#9faec5
grays.4
#8498b6
grays.5
#6a83a6
grays.6
#566e8f
grays.7
#465973
grays.8
#374558
grays.9
#29323e
slategrays
slategrays.0
#edeff4
slategrays.1
#cfd5e1
slategrays.2
#b2bbce
slategrays.3
#95a2bc
slategrays.4
#788aaa
slategrays.5
#5b7398
slategrays.6
#485f82
slategrays.7
#3c4d68
slategrays.8
#2f3c50
slategrays.9
#242c39
reds
reds.0
#ffedea
reds.1
#ffcfc7
reds.2
#ffb1a6
reds.3
#ff9285
reds.4
#fb7266
reds.5
#f34d48
reds.6
#d43736
reds.7
#aa302d
reds.8
#822925
reds.9
#5b201c
oranges
oranges.0
#fff5eb
oranges.1
#ffe5cb
oranges.2
#ffd5ab
oranges.3
#fcc58b
oranges.4
#f8b56b
oranges.5
#f1a64a
oranges.6
#d48e37
oranges.7
#aa732f
oranges.8
#815826
oranges.9
#5a3e1e
yellows
yellows.0
#fef8ec
yellows.1
#faeccd
yellows.2
#f5e0af
yellows.3
#efd590
yellows.4
#e8ca72
yellows.5
#e0bf51
yellows.6
#c5a63e
yellows.7
#9d8534
yellows.8
#78652a
yellows.9
#544721
greens
greens.0
#f0f9f0
greens.1
#d6efd9
greens.2
#bde4c1
greens.3
#a3daaa
greens.4
#88cf93
greens.5
#6cc47c
greens.6
#56aa67
greens.7
#478954
greens.8
#396841
greens.9
#2a492f
teals
teals.0
#edf8f7
teals.1
#cfedea
teals.2
#b1e2de
teals.3
#91d6d1
teals.4
#6dcac5
teals.5
#40bfb9
teals.6
#26a5a0
teals.7
#268580
teals.8
#236562
teals.9
#1e4745
blues
blues.0
#eeeffd
blues.1
#d0d5f9
blues.2
#b2bcf4
blues.3
#91a4ef
blues.4
#6b8cea
blues.5
#3775e5
blues.6
#1361c9
blues.7
#1d4fa1
blues.8
#1f3d7a
blues.9
#1c2d55
purples
purples.0
#f6edfa
purples.1
#e6cff1
purples.2
#d5b2e7
purples.3
#c494de
purples.4
#b377d4
purples.5
#a059ca
purples.6
#8846b0
purples.7
#6e3a8d
purples.8
#552e6b
purples.9
#3d234b
pinks
pinks.0
#ffeced
pinks.1
#fecdd0
pinks.2
#faaeb4
pinks.3
#f48d99
pinks.4
#ec6c7f
pinks.5
#e14565
pinks.6
#c52f52
pinks.7
#9e2a43
pinks.8
#782435
pinks.9
#551e27
Color Intents
action
action.0
#eff1ff
action.1
#c3ccff
action.2
#92a9ff
action.3
#4c88ff
action.4
#1969d8
action.5
#224c99
action.6
#1f315f
success
success.0
#f0f9f0
success.1
#b5e1ba
success.2
#76c884
success.3
#55a866
success.4
#478753
success.5
#386741
success.6
#2a492f
danger
danger.0
#ffedea
danger.1
#ffbfb5
danger.2
#ff8c7f
danger.3
#f4554d
danger.4
#c93534
danger.5
#902c28
danger.6
#5b201c
warning
warning.0
#fef8ec
warning.1
#f0d694
warning.2
#d8b742
warning.3
#b5993a
warning.4
#937d32
warning.5
#736129
warning.6
#544721