Generate Palette
  1. Color Palettes
  2. Smart UI Components for React

Smart UI Components for React

  • Hook Yellow
    #fcd34d
  • Prop Mint
    #b2f7ef
  • Component Black
    #1f1f1f
  • JSX Lavender
    #d0bcff
  • State Blue
    #3c91e6
  • Virtual DOM Grey
    #aaaaaa
  11
Created at 07/13/2025 14:33
bycolorday
The palette consists of Light, Dark colors. Accent colors Hook Yellow #fcd34d and JSX Lavender #d0bcff. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #1F1F1F (darkest) to #B2F7EF (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (3 of 6).

HEX codes (sorted): #1F1F1F, #3C91E6, #AAAAAA, #B2F7EF, #D0BCFF, #FCD34D

Palette Smart UI Components for React combines 6 color codes:
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
Tint of Gold, Tint of Pale Turquoise, Tint of Black, Tint of Plum, Tint of Dodger Blue, Tint of Dark Gray
Color scheme was created by colorday

Color 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

Smart UI Components for React color palette: Hook Yellow, Prop Mint, Component Black, JSX Lavender, State Blue
 Download image