Generate Palette
  1. Color Palettes
  2. Microinteraction Mobile Flow Palette

Microinteraction Mobile Flow Palette

  • Tap Orange
    #ff9b54
  • Swipe Blue
    #6495ed
  • Ripple White
    #ffffff
  • Hold Shadow
    #444444
  • Success Mint
    #cfffb3
  • Feedback Rose
    #ff8fab
  11
Created at 07/22/2025 17:03
byhex
The palette consists of Light, Semi dark colors. Accent colors Swipe Blue #6495ed and Success Mint #cfffb3. Palette has Warm, Cool, Neutral colors temperature.

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

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Warm and cool swatches are fairly balanced (2 warm, 2 cool).

HEX codes (sorted): #444444, #6495ED, #CFFFB3, #FF8FAB, #FF9B54, #FFFFFF

Palette Microinteraction Mobile Flow Palette combines 6 color codes:
HEX: #ff9b54, RGB: (255, 155, 84); HEX: #6495ed, RGB: (100, 149, 237); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #444444, RGB: (68, 68, 68); HEX: #cfffb3, RGB: (207, 255, 179); HEX: #ff8fab, RGB: (255, 143, 171)
Simplified version of palette colors
Shade of Sandy Brown, Cornflower Blue, White, Shade of Dim Gray, Tint of Pale Green, Tint of Pale Violet Red
Color scheme was created by hex

Color codes in palette

Microinteraction Mobile Flow Palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ff9b54 #ff9b54 RGB(255, 155, 84)Tap Orange—
#6495ed #6495ed RGB(100, 149, 237)Swipe BlueCornflowerblue
#ffffff #ffffff RGB(255, 255, 255)Ripple WhiteWhite
#444444 #444444 RGB(68, 68, 68)Hold ShadowGoshawk Grey
#cfffb3 #cfffb3 RGB(207, 255, 179)Success Mint—
#ff8fab #ff8fab RGB(255, 143, 171)Feedback Rose—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ff9b54
#6495ed
1.42
#ff9b54
#cfffb3
1.84
#ff9b54
#ff8fab
1.03
#6495ed
#ff8fab
1.38
#ffffff
#cfffb3
1.12
#cfffb3
#ff8fab
1.9

Image palette Microinteraction Mobile Flow Palette png

Microinteraction Mobile Flow Palette - #556293
 Download image