Generate Palette
  1. Colors palettes
  2. Mobile Gesture Interface Canvas
Created at 06/10/2025 17:29
bycolorstudio
  11

Mobile Gesture Interface Canvas

  • Touchpoint Cyan
    #21d4fd
  • Swipe Orange
    #ff9a76
  • Tap Pink
    #fad0c4
  • Hold Navy
    #1c3f60
  • Scroll Foam
    #e9f7f6
  • Screen White
    #ffffff
  • Thumbprint Gray
    #9aa5b1
The palette consists of Light colors. Accent colors Touchpoint Cyan #21d4fd and Swipe Orange #ff9a76. Palette has Cool, Warm, Neutral colors temperature.

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

HEX codes (sorted): #1C3F60, #21D4FD, #9AA5B1, #E9F7F6, #FAD0C4, #FF9A76, #FFFFFF

Palette Mobile Gesture Interface Canvas has combination of 7 codes colors:
HEX: #21d4fd, RGB: (33, 212, 253); HEX: #ff9a76, RGB: (255, 154, 118); HEX: #fad0c4, RGB: (250, 208, 196)
HEX: #1c3f60, RGB: (28, 63, 96); HEX: #e9f7f6, RGB: (233, 247, 246); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #9aa5b1, RGB: (154, 165, 177)
Simplified version of palette colors
Tint of skyblue, Tint of lightsalmon, Tint of mistyrose, Tint of darkslateblue, Tint of azure, White, Tint of darkgrey
Color scheme was created by colorstudio

Colors codes in palette

Mobile Gesture Interface Canvas color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#21d4fd #21d4fd RGB(33, 212, 253)Touchpoint Cyan—
#ff9a76 #ff9a76 RGB(255, 154, 118)Swipe Orange—
#fad0c4 #fad0c4 RGB(250, 208, 196)Tap Pink—
#1c3f60 #1c3f60 RGB(28, 63, 96)Hold Navy—
#e9f7f6 #e9f7f6 RGB(233, 247, 246)Scroll Foam—
#ffffff #ffffff RGB(255, 255, 255)Screen WhiteWhite
#9aa5b1 #9aa5b1 RGB(154, 165, 177)Thumbprint Gray—

Color Palette Contrast

12 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#21d4fd
#ff9a76
1.17
#21d4fd
#fad0c4
1.25
#21d4fd
#e9f7f6
1.6
#21d4fd
#ffffff
1.76
#21d4fd
#9aa5b1
1.41
#ff9a76
#fad0c4
1.46

Image palette Mobile Gesture Interface Canvas png

Mobile Gesture Interface Canvas - #551735
 Download image