Generate Palette
  1. Colors palettes
  2. Accessible Light-Dark Hybrid Theme
Created at 07/19/2025 07:44
bycolorstudio
  6

Accessible Light-Dark Hybrid Theme

  • Universal Canvas White
    #ffffff
  • Contrast Mode Charcoal
    #1c1c1c
  • Focus Lime
    #a3e635
  • Shadow Gray
    #9ca3af
  • Text Black
    #111111
  • Accent Blue
    #3b82f6
The palette consists of Light, Dark colors. Accent colors Focus Lime #a3e635 and Accent Blue #3b82f6. Palette has Neutral, Warm, Cool colors temperature.

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

Overall saturation feels mostly muted (lower chroma).

Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.

Overall temperature among swatches leans cool.

HEX codes (sorted): #111111, #1C1C1C, #3B82F6, #9CA3AF, #A3E635, #FFFFFF

Palette Accessible Light-Dark Hybrid Theme has combination of 6 codes colors:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #1c1c1c, RGB: (28, 28, 28); HEX: #a3e635, RGB: (163, 230, 53)
HEX: #9ca3af, RGB: (156, 163, 175); HEX: #111111, RGB: (17, 17, 17); HEX: #3b82f6, RGB: (59, 130, 246)
Simplified version of palette colors
White, Shade of Black, Shade of Yellowgreen, Tint of darkgrey, Shade of Black, Tint of dodgerblue
Color scheme was created by colorstudio

Colors codes in palette

Accessible Light-Dark Hybrid Theme color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffffff #ffffff RGB(255, 255, 255)Universal Canvas WhiteWhite
#1c1c1c #1c1c1c RGB(28, 28, 28)Contrast Mode CharcoalGray11
#a3e635 #a3e635 RGB(163, 230, 53)Focus Lime—
#9ca3af #9ca3af RGB(156, 163, 175)Shadow Gray—
#111111 #111111 RGB(17, 17, 17)Text BlackDreamless Sleep
#3b82f6 #3b82f6 RGB(59, 130, 246)Accent Blue—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffffff
#a3e635
1.5
#1c1c1c
#111111
1.1
#a3e635
#9ca3af
1.68
#9ca3af
#3b82f6
1.44

Image palette Accessible Light-Dark Hybrid Theme png

Accessible Light-Dark Hybrid Theme - #555880
 Download image