Created at 05/04/2026 13:26
  1

Modern Productivity Mobile Task Flow Optimization UI

  • Midnight Slate
    #0f172a
  • Task Blue
    #1d4ed8
  • Progress Cyan
    #06b6d4
  • Done Green
    #16a34a
  • Focus Yellow
    #facc15
  • Soft White
    #f8fafc
  • Muted Gray
    #64748b
  • Error Red
    #ef4444
The palette consists of Dark, Light colors. Accent colors Progress Cyan #06b6d4 and Focus Yellow #facc15. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #0F172A (darkest) to #F8FAFC (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): #06B6D4, #0F172A, #16A34A, #1D4ED8, #64748B, #EF4444, #F8FAFC, #FACC15

Palette Modern Productivity Mobile Task Flow Optimization UI has combination of 8 codes colors:
HEX: #0f172a, RGB: (15, 23, 42); HEX: #1d4ed8, RGB: (29, 78, 216); HEX: #06b6d4, RGB: (6, 182, 212)
HEX: #16a34a, RGB: (22, 163, 74); HEX: #facc15, RGB: (250, 204, 21); HEX: #f8fafc, RGB: (248, 250, 252)
HEX: #64748b, RGB: (100, 116, 139); HEX: #ef4444, RGB: (239, 68, 68)
Simplified version of palette colors
Shade of Black, Tint of slateblue, Tint of deepskyblue, Tint of mediumseagreen, Tint of gold, Shade of whitesmoke, Tint of slategrey, Tint of indianred
Color scheme was created by palettespicker

Colors codes in palette

Modern Productivity Mobile Task Flow Optimization UI color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0f172a #0f172a RGB(15, 23, 42)Midnight Slate
#1d4ed8 #1d4ed8 RGB(29, 78, 216)Task Blue
#06b6d4 #06b6d4 RGB(6, 182, 212)Progress Cyan
#16a34a #16a34a RGB(22, 163, 74)Done Green
#facc15 #facc15 RGB(250, 204, 21)Focus Yellow
#f8fafc #f8fafc RGB(248, 250, 252)Soft White
#64748b #64748b RGB(100, 116, 139)Muted Gray
#ef4444 #ef4444 RGB(239, 68, 68)Error Red

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1d4ed8
#64748b
1.4
#1d4ed8
#ef4444
1.78
#06b6d4
#16a34a
1.35
#06b6d4
#facc15
1.58
#06b6d4
#64748b
1.96
#06b6d4
#ef4444
1.54

Image palette Modern Productivity Mobile Task Flow Optimization UI png