Generate Palette
  1. Colors palettes
  2. Compiler Design Abstract Syntax Tree Visualization Colors
Created at 03/30/2026 11:46
bycolorday
  6

Compiler Design Abstract Syntax Tree Visualization Colors

  • Syntax Blue
    #3b82f6
  • Node Green
    #22c55e
  • Parse Purple
    #7c3aed
  • Error Red
    #ef4444
  • Token Orange
    #fb923c
  • Background White
    #ffffff
  • Text Dark
    #020617
The palette consists of Light, Semi dark, Dark colors. Accent colors Syntax Blue #3b82f6 and Token Orange #fb923c. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #020617 (darkest) to #FFFFFF (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): #020617, #22C55E, #3B82F6, #7C3AED, #EF4444, #FB923C, #FFFFFF

Palette Compiler Design Abstract Syntax Tree Visualization Colors has combination of 7 codes colors:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #22c55e, RGB: (34, 197, 94); HEX: #7c3aed, RGB: (124, 58, 237)
HEX: #ef4444, RGB: (239, 68, 68); HEX: #fb923c, RGB: (251, 146, 60); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #020617, RGB: (2, 6, 23)
Simplified version of palette colors
Tint of dodgerblue, Tint of limegreen, Shade of blueviolet, Tint of indianred, Shade of darkorange, White, Shade of Black
Color scheme was created by colorday

Colors codes in palette

Compiler Design Abstract Syntax Tree Visualization Colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3b82f6 #3b82f6 RGB(59, 130, 246)Syntax Blue—
#22c55e #22c55e RGB(34, 197, 94)Node Green—
#7c3aed #7c3aed RGB(124, 58, 237)Parse Purple—
#ef4444 #ef4444 RGB(239, 68, 68)Error Red—
#fb923c #fb923c RGB(251, 146, 60)Token Orange—
#ffffff #ffffff RGB(255, 255, 255)Background WhiteWhite
#020617 #020617 RGB(2, 6, 23)Text Dark—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3b82f6
#22c55e
1.61
#3b82f6
#7c3aed
1.54
#3b82f6
#ef4444
1.02
#3b82f6
#fb923c
1.62
#22c55e
#ef4444
1.65
#22c55e
#fb923c
1

Image palette Compiler Design Abstract Syntax Tree Visualization Colors png

Compiler Design Abstract Syntax Tree Visualization Colors - #570791
 Download image