Created at 07/13/2025 14:33
  11

Smart UI Components for React

Hook Yellow
#fcd34d
Prop Mint
#b2f7ef
Component Black
#1f1f1f
JSX Lavender
#d0bcff
State Blue
#3c91e6
Virtual DOM Grey
#aaaaaa
The palette consists of Light, Dark colors. Accent colors Hook Yellow #fcd34d and JSX Lavender #d0bcff. Palette has Warm, Cool, Neutral colors temperature.
Palette Smart UI Components for React has combination of 6 codes colors:
HEX: #fcd34d, RGB: (252, 211, 77); HEX: #b2f7ef, RGB: (178, 247, 239); HEX: #1f1f1f, RGB: (31, 31, 31)
HEX: #d0bcff, RGB: (208, 188, 255); HEX: #3c91e6, RGB: (60, 145, 230); HEX: #aaaaaa, RGB: (170, 170, 170)
Simplified version of palette colors
Shade of gold, Shade of paleturquoise, Shade of Black, Shade of plum, Shade of dodgerblue, Shade of darkgrey
Color scheme was created by colorday

Colors codes in palette

Smart UI Components for React color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fcd34d #fcd34d RGB(252, 211, 77)Hook Yellow
#b2f7ef #b2f7ef RGB(178, 247, 239)Prop Mint
#1f1f1f #1f1f1f RGB(31, 31, 31)Component BlackGray12
#d0bcff #d0bcff RGB(208, 188, 255)JSX Lavender
#3c91e6 #3c91e6 RGB(60, 145, 230)State Blue
#aaaaaa #aaaaaa RGB(170, 170, 170)Virtual DOM GreyDhūsar Grey

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fcd34d
#b2f7ef
1.19
#fcd34d
#d0bcff
1.18
#fcd34d
#aaaaaa
1.61
#b2f7ef
#d0bcff
1.41
#b2f7ef
#aaaaaa
1.92
#d0bcff
#3c91e6
1.92

Image palette Smart UI Components for React png