Generate Palette
  1. Colors palettes
  2. Frontend JS Modular Design Kit
Created at 09/14/2025 18:20
bycolorhunt
  31

Frontend JS Modular Design Kit

  • Module Indigo
    #3d348b
  • Hook Lime
    #b9e769
  • Component Coral
    #ff6f59
  • Async Cyan
    #00b4d8
  • Router Gray
    #cccccc
  • UI White
    #ffffff
  • State Black
    #1f1f1f
The palette consists of Light, Dark colors. Accent colors Component Coral #ff6f59 and Async Cyan #00b4d8. Palette has Cool, Warm, Neutral colors temperature.

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

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #00B4D8, #1F1F1F, #3D348B, #B9E769, #CCCCCC, #FF6F59, #FFFFFF

Palette Frontend JS Modular Design Kit has combination of 7 codes colors:
HEX: #3d348b, RGB: (61, 52, 139); HEX: #b9e769, RGB: (185, 231, 105); HEX: #ff6f59, RGB: (255, 111, 89)
HEX: #00b4d8, RGB: (0, 180, 216); HEX: #cccccc, RGB: (204, 204, 204); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #1f1f1f, RGB: (31, 31, 31)
Simplified version of palette colors
Tint of darkslateblue, Shade of Yellowgreen, Shade of tomato, Tint of deepskyblue, Tint of lightgrey, White, Shade of Black
Color scheme was created by colorhunt

Colors codes in palette

Frontend JS Modular Design Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3d348b #3d348b RGB(61, 52, 139)Module Indigo—
#b9e769 #b9e769 RGB(185, 231, 105)Hook Lime—
#ff6f59 #ff6f59 RGB(255, 111, 89)Component Coral—
#00b4d8 #00b4d8 RGB(0, 180, 216)Async Cyan—
#cccccc #cccccc RGB(204, 204, 204)Router GrayCerebral Grey
#ffffff #ffffff RGB(255, 255, 255)UI WhiteWhite
#1f1f1f #1f1f1f RGB(31, 31, 31)State BlackGray12

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3d348b
#1f1f1f
1.61
#b9e769
#ff6f59
1.91
#b9e769
#00b4d8
1.72
#b9e769
#cccccc
1.12
#b9e769
#ffffff
1.42
#ff6f59
#00b4d8
1.11

Image palette Frontend JS Modular Design Kit png

Frontend JS Modular Design Kit - #560379
 Download image