Generate Palette
  1. Colors palettes
  2. Productivity App Dark Theme UX
Created at 07/25/2025 07:58
bycolorstudio
  11

Productivity App Dark Theme UX

  • Focus Black
    #121212
  • Highlight Peach
    #ffd180
  • Sticky Blue
    #42a5f5
  • Calendar Graphite
    #2d2d2d
  • Reminder Yellow
    #ffeb3b
  • Inbox Mist
    #eceff1
The palette consists of Dark, Light colors. Accent colors Sticky Blue #42a5f5 and Reminder Yellow #ffeb3b. Palette has Neutral, Warm, Cool colors temperature.

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

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #121212, #2D2D2D, #42A5F5, #ECEFF1, #FFD180, #FFEB3B

Palette Productivity App Dark Theme UX has combination of 6 codes colors:
HEX: #121212, RGB: (18, 18, 18); HEX: #ffd180, RGB: (255, 209, 128); HEX: #42a5f5, RGB: (66, 165, 245)
HEX: #2d2d2d, RGB: (45, 45, 45); HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #eceff1, RGB: (236, 239, 241)
Simplified version of palette colors
Shade of Black, Tint of navajowhite, Shade of dodgerblue, Shade of Black, Tint of Yellow, Tint of whitesmoke
Color scheme was created by colorstudio

Colors codes in palette

Productivity App Dark Theme UX color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#121212 #121212 RGB(18, 18, 18)Focus BlackDark Tone Ink
#ffd180 #ffd180 RGB(255, 209, 128)Highlight Peach—
#42a5f5 #42a5f5 RGB(66, 165, 245)Sticky Blue—
#2d2d2d #2d2d2d RGB(45, 45, 45)Calendar Graphite—
#ffeb3b #ffeb3b RGB(255, 235, 59)Reminder Yellow—
#eceff1 #eceff1 RGB(236, 239, 241)Inbox Mist—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#121212
#2d2d2d
1.36
#ffd180
#42a5f5
1.85
#ffd180
#ffeb3b
1.17
#ffd180
#eceff1
1.23
#ffeb3b
#eceff1
1.05

Image palette Productivity App Dark Theme UX png

Productivity App Dark Theme UX - #556601
 Download image