Generate Palette
  1. Color Palettes
  2. Cloud-Based IDE UI Kit

Cloud-Based IDE UI Kit

  • Editor Night
    #212121
  • Syntax Aqua
    #00ffff
  • Folder Grey
    #9e9e9e
  • Panel White
    #fafafa
  • Terminal Mint
    #00c896
  • Highlight Yellow
    #fff89a
  21
Created at 07/13/2025 17:24
bycolorscheme
The palette consists of Dark, Light colors. Accent colors Syntax Aqua #00ffff and Highlight Yellow #fff89a. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #212121 (darkest) to #FAFAFA (lightest). The lightness range is wide.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

A varied palette: its hues are spread across about 124° of the color wheel.

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

HEX codes (sorted): #00C896, #00FFFF, #212121, #9E9E9E, #FAFAFA, #FFF89A

Palette Cloud-Based IDE UI Kit combines 6 color codes:
HEX: #212121, RGB: (33, 33, 33); HEX: #00ffff, RGB: (0, 255, 255); HEX: #9e9e9e, RGB: (158, 158, 158)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #00c896, RGB: (0, 200, 150); HEX: #fff89a, RGB: (255, 248, 154)
Simplified version of palette colors
Tint of Black, Cyan, Shade of Dark Gray, Tint of White Smoke, Shade of Medium Aquamarine, Tint of Khaki
Color scheme was created by colorscheme

Color codes in palette

Cloud-Based IDE UI Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#212121 #212121 RGB(33, 33, 33)Editor NightLead
#00ffff #00ffff RGB(0, 255, 255)Syntax AquaAqua
#9e9e9e #9e9e9e RGB(158, 158, 158)Folder GreyGray62
#fafafa #fafafa RGB(250, 250, 250)Panel WhiteDr. White
#00c896 #00c896 RGB(0, 200, 150)Terminal Mint—
#fff89a #fff89a RGB(255, 248, 154)Highlight Yellow—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00ffff
#fafafa
1.2
#00ffff
#00c896
1.72
#00ffff
#fff89a
1.14
#9e9e9e
#00c896
1.23
#fafafa
#fff89a
1.05
#00c896
#fff89a
1.97

Image palette Cloud-Based IDE UI Kit png

Cloud-Based IDE UI Kit color palette: Editor Night, Syntax Aqua, Folder Grey, Panel White, Terminal Mint, Highlight Yellow
 Download image