Mobile UI Hypermodern Flux

  • Appstore Blue
    #2563eb
  • Onboarding Peach
    #ffd6a5
  • Card Surface White
    #fdfdfd
  • Gradient Sky
    #60a5fa
  • Button Press Black
    #1e1e1e
  • Notification Red
    #f43f5e
  21
Created at 09/19/2025 21:52
The palette consists of Semi dark, Light, Dark colors. Accent colors Onboarding Peach #ffd6a5 and Gradient Sky #60a5fa. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #1E1E1E (darkest) to #FDFDFD (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): #1E1E1E, #2563EB, #60A5FA, #F43F5E, #FDFDFD, #FFD6A5

Palette Mobile UI Hypermodern Flux combines 6 color codes:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #ffd6a5, RGB: (255, 214, 165); HEX: #fdfdfd, RGB: (253, 253, 253)
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #f43f5e, RGB: (244, 63, 94)
Simplified version of palette colors
Shade of Royal Blue, Shade of Navajo White, Shade of White, Tint of Cornflower Blue, Tint of Black, Shade of Indian Red
Color scheme was created by raccoon

Color codes in palette

Mobile UI Hypermodern Flux color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#2563eb#2563ebRGB(37, 99, 235)Appstore Blue—
#ffd6a5#ffd6a5RGB(255, 214, 165)Onboarding Peach—
#fdfdfd#fdfdfdRGB(253, 253, 253)Card Surface WhiteBrilliance
#60a5fa#60a5faRGB(96, 165, 250)Gradient Sky—
#1e1e1e#1e1e1eRGB(30, 30, 30)Button Press Black—
#f43f5e#f43f5eRGB(244, 63, 94)Notification Red—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#2563eb
#f43f5e
1.4
#ffd6a5
#fdfdfd
1.33
#ffd6a5
#60a5fa
1.86
#60a5fa
#f43f5e
1.44

Image palette Mobile UI Hypermodern Flux png