Generate Palette
  1. Colors palettes
  2. Quantum CSS Variables Dark Mode Compiler
Created at 03/27/2026 21:22
bycolourlock
  6

Quantum CSS Variables Dark Mode Compiler

  • Void Black
    #0d0d0d
  • Compiler Purple
    #5a189a
  • Syntax Cyan
    #00b4d8
  • Token Gold
    #ffb703
  • Error Red
    #d90429
  • Logic Gray
    #6c757d
  • Node White
    #f8f9fa
The palette consists of Dark, Light colors. Accent colors Syntax Cyan #00b4d8 and Token Gold #ffb703. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #0D0D0D (darkest) to #F8F9FA (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): #00B4D8, #0D0D0D, #5A189A, #6C757D, #D90429, #F8F9FA, #FFB703

Palette Quantum CSS Variables Dark Mode Compiler has combination of 7 codes colors:
HEX: #0d0d0d, RGB: (13, 13, 13); HEX: #5a189a, RGB: (90, 24, 154); HEX: #00b4d8, RGB: (0, 180, 216)
HEX: #ffb703, RGB: (255, 183, 3); HEX: #d90429, RGB: (217, 4, 41); HEX: #6c757d, RGB: (108, 117, 125)
HEX: #f8f9fa, RGB: (248, 249, 250)
Simplified version of palette colors
Shade of Black, Shade of indigo, Tint of deepskyblue, Shade of Orange, Tint of crimson, Tint of slategrey, Shade of whitesmoke
Color scheme was created by colourlock

Colors codes in palette

Quantum CSS Variables Dark Mode Compiler color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0d0d0d #0d0d0d RGB(13, 13, 13)Void BlackGray5
#5a189a #5a189a RGB(90, 24, 154)Compiler Purple—
#00b4d8 #00b4d8 RGB(0, 180, 216)Syntax Cyan—
#ffb703 #ffb703 RGB(255, 183, 3)Token Gold—
#d90429 #d90429 RGB(217, 4, 41)Error Red—
#6c757d #6c757d RGB(108, 117, 125)Logic GrayPompeii Ash
#f8f9fa #f8f9fa RGB(248, 249, 250)Node White—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0d0d0d
#5a189a
1.88
#5a189a
#d90429
1.96
#00b4d8
#ffb703
1.41
#00b4d8
#6c757d
1.9
#ffb703
#f8f9fa
1.65
#d90429
#6c757d
1.11

Image palette Quantum CSS Variables Dark Mode Compiler png

Quantum CSS Variables Dark Mode Compiler - #570674
 Download image