Generate Palette
  1. Colors palettes
  2. Mobile-First UI Builder Studio
Created at 06/26/2025 08:43
bycolorhunt
  11

Mobile-First UI Builder Studio

  • Breakpoints Coral
    #fb7185
  • Viewport Slate
    #1e293b
  • Tap Cream
    #fdf6ec
  • Flex Sky
    #bae6fd
  • Touch Indigo
    #6366f1
  • Spacing Snow
    #fafafa
The palette consists of Light, Dark colors. Accent colors Breakpoints Coral #fb7185 and Flex Sky #bae6fd. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #1E293B (darkest) to #FAFAFA (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): #1E293B, #6366F1, #BAE6FD, #FAFAFA, #FB7185, #FDF6EC

Palette Mobile-First UI Builder Studio has combination of 6 codes colors:
HEX: #fb7185, RGB: (251, 113, 133); HEX: #1e293b, RGB: (30, 41, 59); HEX: #fdf6ec, RGB: (253, 246, 236)
HEX: #bae6fd, RGB: (186, 230, 253); HEX: #6366f1, RGB: (99, 102, 241); HEX: #fafafa, RGB: (250, 250, 250)
Simplified version of palette colors
Tint of lightcoral, Shade of midnightblue, Tint of floralwhite, Shade of lightblue, Tint of mediumslateblue, Shade of whitesmoke
Color scheme was created by colorhunt
More palettes with:
Light Blue White

Colors codes in palette

Mobile-First UI Builder Studio color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fb7185 #fb7185 RGB(251, 113, 133)Breakpoints Coral—
#1e293b #1e293b RGB(30, 41, 59)Viewport Slate—
#fdf6ec #fdf6ec RGB(253, 246, 236)Tap Cream—
#bae6fd #bae6fd RGB(186, 230, 253)Flex Sky—
#6366f1 #6366f1 RGB(99, 102, 241)Touch Indigo—
#fafafa #fafafa RGB(250, 250, 250)Spacing SnowDr. White

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fb7185
#6366f1
1.65
#fdf6ec
#bae6fd
1.23
#fdf6ec
#fafafa
1.02
#bae6fd
#fafafa
1.27

Image palette Mobile-First UI Builder Studio png

Mobile-First UI Builder Studio - #553081
 Download image