Reactberry
Getting StartedStyle Props
reactberry/core
reactberry/forms
reactberry/ui
reactberry/theme
reactberry/hooks
ThemeColorsColor PalettesColor Intents

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