Generate Palette
  1. Colors palettes
  2. Mobile Interaction Gradient Flow
Created at 09/19/2025 22:02
bycolorscheme
  16

Mobile Interaction Gradient Flow

  • Tap Indigo
    #4338ca
  • Swipe Cyan
    #06b6d4
  • Scroll Peach
    #ffd6a5
  • Background White
    #ffffff
  • Button Black
    #1f1f1f
  • Tooltip Yellow
    #facc15
  • Highlight Magenta
    #ec4899
The palette consists of Light, Dark colors. Accent colors Swipe Cyan #06b6d4 and Scroll Peach #ffd6a5. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #1F1F1F (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 warm.

HEX codes (sorted): #06B6D4, #1F1F1F, #4338CA, #EC4899, #FACC15, #FFD6A5, #FFFFFF

Palette Mobile Interaction Gradient Flow has combination of 7 codes colors:
HEX: #4338ca, RGB: (67, 56, 202); HEX: #06b6d4, RGB: (6, 182, 212); HEX: #ffd6a5, RGB: (255, 214, 165)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #1f1f1f, RGB: (31, 31, 31); HEX: #facc15, RGB: (250, 204, 21)
HEX: #ec4899, RGB: (236, 72, 153)
Simplified version of palette colors
Shade of Blue, Tint of deepskyblue, Tint of navajowhite, White, Shade of Black, Tint of gold, Shade of deeppink
Color scheme was created by colorscheme

Colors codes in palette

Mobile Interaction Gradient Flow color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4338ca #4338ca RGB(67, 56, 202)Tap Indigo—
#06b6d4 #06b6d4 RGB(6, 182, 212)Swipe Cyan—
#ffd6a5 #ffd6a5 RGB(255, 214, 165)Scroll Peach—
#ffffff #ffffff RGB(255, 255, 255)Background WhiteWhite
#1f1f1f #1f1f1f RGB(31, 31, 31)Button BlackGray12
#facc15 #facc15 RGB(250, 204, 21)Tooltip Yellow—
#ec4899 #ec4899 RGB(236, 72, 153)Highlight Magenta—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#06b6d4
#ffd6a5
1.78
#06b6d4
#facc15
1.58
#06b6d4
#ec4899
1.45
#ffd6a5
#ffffff
1.36
#ffd6a5
#facc15
1.12
#ffffff
#facc15
1.53

Image palette Mobile Interaction Gradient Flow png

Mobile Interaction Gradient Flow - #560615
 Download image