Generate Palette
  1. Colors palettes
  2. HTML CSS Developer IDE Theme
Created at 07/11/2025 20:50
bycolourlock
  11

HTML CSS Developer IDE Theme

  • Code Indigo
    #5c33f6
  • Element Coral
    #ff6b81
  • Selector Grey
    #dadada
  • Syntax Sky
    #57cc99
  • Classname Peach
    #fdc5c5
  • Console Black
    #1e1e1e
  • Preview White
    #fbfbfb
The palette consists of Light, Dark colors. Accent colors Element Coral #ff6b81 and Syntax Sky #57cc99. Palette has Cool, Warm, Neutral colors temperature.

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

Overall saturation feels vivid (higher chroma).

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): #1E1E1E, #57CC99, #5C33F6, #DADADA, #FBFBFB, #FDC5C5, #FF6B81

Palette HTML CSS Developer IDE Theme has combination of 7 codes colors:
HEX: #5c33f6, RGB: (92, 51, 246); HEX: #ff6b81, RGB: (255, 107, 129); HEX: #dadada, RGB: (218, 218, 218)
HEX: #57cc99, RGB: (87, 204, 153); HEX: #fdc5c5, RGB: (253, 197, 197); HEX: #1e1e1e, RGB: (30, 30, 30)
HEX: #fbfbfb, RGB: (251, 251, 251)
Simplified version of palette colors
Tint of blueviolet, Tint of lightcoral, Tint of gainsboro, Tint of mediumaquamarine, Shade of Pink, Shade of Black, Tint of White
Color scheme was created by colourlock

Colors codes in palette

HTML CSS Developer IDE Theme color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5c33f6 #5c33f6 RGB(92, 51, 246)Code Indigo—
#ff6b81 #ff6b81 RGB(255, 107, 129)Element Coral—
#dadada #dadada RGB(218, 218, 218)Selector Grey—
#57cc99 #57cc99 RGB(87, 204, 153)Syntax Sky—
#fdc5c5 #fdc5c5 RGB(253, 197, 197)Classname Peach—
#1e1e1e #1e1e1e RGB(30, 30, 30)Console Black—
#fbfbfb #fbfbfb RGB(251, 251, 251)Preview WhiteWhiteout

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ff6b81
#dadada
1.95
#ff6b81
#57cc99
1.36
#ff6b81
#fdc5c5
1.82
#dadada
#57cc99
1.43
#dadada
#fdc5c5
1.07
#dadada
#fbfbfb
1.35

Image palette HTML CSS Developer IDE Theme png

HTML CSS Developer IDE Theme - #555005
 Download image