Generate Palette
  1. Colors palettes
  2. Mobile Interaction Design Tokens
Created at 06/27/2025 17:32
bycolorhunt
  16

Mobile Interaction Design Tokens

  • Tap Indigo
    #4f46e5
  • Swipe Peach
    #fed7aa
  • Press Slate
    #334155
  • Scroll Cream
    #fefce8
  • Bounce Green
    #86efac
  • Idle Cloud
    #f9fafb
  • Focus Rose
    #f472b6
The palette consists of Semi dark, Light colors. Accent colors Tap Indigo #4f46e5 and Swipe Peach #fed7aa. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #334155 (darkest) to #F9FAFB (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): #334155, #4F46E5, #86EFAC, #F472B6, #F9FAFB, #FED7AA, #FEFCE8

Palette Mobile Interaction Design Tokens has combination of 7 codes colors:
HEX: #4f46e5, RGB: (79, 70, 229); HEX: #fed7aa, RGB: (254, 215, 170); HEX: #334155, RGB: (51, 65, 85)
HEX: #fefce8, RGB: (254, 252, 232); HEX: #86efac, RGB: (134, 239, 172); HEX: #f9fafb, RGB: (249, 250, 251)
HEX: #f472b6, RGB: (244, 114, 182)
Simplified version of palette colors
Tint of slateblue, Tint of navajowhite, Tint of darkslateblue, Tint of ivory, Shade of lightgreen, Shade of whitesmoke, Shade of hotpink
Color scheme was created by colorhunt

Colors codes in palette

Mobile Interaction Design Tokens color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4f46e5 #4f46e5 RGB(79, 70, 229)Tap Indigo—
#fed7aa #fed7aa RGB(254, 215, 170)Swipe Peach—
#334155 #334155 RGB(51, 65, 85)Press Slate—
#fefce8 #fefce8 RGB(254, 252, 232)Scroll Cream—
#86efac #86efac RGB(134, 239, 172)Bounce Green—
#f9fafb #f9fafb RGB(249, 250, 251)Idle Cloud—
#f472b6 #f472b6 RGB(244, 114, 182)Focus Rose—

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4f46e5
#334155
1.64
#fed7aa
#fefce8
1.3
#fed7aa
#86efac
1.03
#fed7aa
#f9fafb
1.29
#fed7aa
#f472b6
1.95
#fefce8
#86efac
1.35

Image palette Mobile Interaction Design Tokens png

Mobile Interaction Design Tokens - #553150
 Download image