Generate Palette
  1. Color Palettes
  2. React Components Neural Arcade Light

React Components Neural Arcade Light

  • Framework White
    #f9fafb
  • Dashboard Teal
    #14b8a6
  • Hook Coral
    #f87171
  • JS Indigo
    #4338ca
  • Context Yellow
    #fcd34d
  • State Black
    #171717
  16
Created at 09/11/2025 21:55
bybad_colors
The palette consists of Light, Semi dark, Dark colors. Accent colors Dashboard Teal #14b8a6 and Context Yellow #fcd34d. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #171717 (darkest) to #F9FAFB (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.

Warm and cool swatches are fairly balanced (2 warm, 2 cool).

HEX codes (sorted): #14B8A6, #171717, #4338CA, #F87171, #F9FAFB, #FCD34D

Palette React Components Neural Arcade Light combines 6 color codes:
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #14b8a6, RGB: (20, 184, 166); HEX: #f87171, RGB: (248, 113, 113)
HEX: #4338ca, RGB: (67, 56, 202); HEX: #fcd34d, RGB: (252, 211, 77); HEX: #171717, RGB: (23, 23, 23)
Simplified version of palette colors
Tint of White Smoke, Shade of Light Sea Green, Shade of Light Coral, Tint of Blue, Tint of Gold, Tint of Black
Color scheme was created by bad_colors

Color codes in palette

React Components Neural Arcade Light color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f9fafb #f9fafb RGB(249, 250, 251)Framework White—
#14b8a6 #14b8a6 RGB(20, 184, 166)Dashboard Teal—
#f87171 #f87171 RGB(248, 113, 113)Hook Coral—
#4338ca #4338ca RGB(67, 56, 202)JS Indigo—
#fcd34d #fcd34d RGB(252, 211, 77)Context Yellow—
#171717 #171717 RGB(23, 23, 23)State BlackCynical Black

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f9fafb
#fcd34d
1.37
#14b8a6
#f87171
1.11
#14b8a6
#fcd34d
1.72
#f87171
#fcd34d
1.91

Image palette React Components Neural Arcade Light png

React Components Neural Arcade Light - #560214
 Download image