Generate Palette
  1. Colors palettes
  2. WebGL Interactive Layered Kit
Created at 06/09/2025 08:10
bycolorstudio
  1

WebGL Interactive Layered Kit

  • DepthMap Navy
    #1e3a5f
  • Vertex Cyan
    #67eaca
  • Fragment Flame
    #ff6f5e
  • Pixel Dust
    #f3e5ab
  • Z-Index Black
    #111111
  • Shader Violet
    #b392f0
The palette consists of Light, Dark colors. Accent colors Vertex Cyan #67eaca and Fragment Flame #ff6f5e. Palette has Cool, Warm, Neutral colors temperature.

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #111111, #1E3A5F, #67EACA, #B392F0, #F3E5AB, #FF6F5E

Palette WebGL Interactive Layered Kit has combination of 6 codes colors:
HEX: #1e3a5f, RGB: (30, 58, 95); HEX: #67eaca, RGB: (103, 234, 202); HEX: #ff6f5e, RGB: (255, 111, 94)
HEX: #f3e5ab, RGB: (243, 229, 171); HEX: #111111, RGB: (17, 17, 17); HEX: #b392f0, RGB: (179, 146, 240)
Simplified version of palette colors
Tint of darkslateblue, Tint of aquamarine, Tint of salmon, Tint of palegoldenrod, Shade of Black, Shade of mediumpurple
Color scheme was created by colorstudio

Colors codes in palette

WebGL Interactive Layered Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1e3a5f #1e3a5f RGB(30, 58, 95)DepthMap Navy—
#67eaca #67eaca RGB(103, 234, 202)Vertex Cyan—
#ff6f5e #ff6f5e RGB(255, 111, 94)Fragment Flame—
#f3e5ab #f3e5ab RGB(243, 229, 171)Pixel DustVanilla
#111111 #111111 RGB(17, 17, 17)Z-Index BlackDreamless Sleep
#b392f0 #b392f0 RGB(179, 146, 240)Shader Violet—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1e3a5f
#111111
1.64
#67eaca
#ff6f5e
1.84
#67eaca
#f3e5ab
1.16
#67eaca
#b392f0
1.71
#ff6f5e
#b392f0
1.07

Image palette WebGL Interactive Layered Kit png

WebGL Interactive Layered Kit - #551389
 Download image