Generate Palette
  1. Colors palettes
  2. Optimized Playful App Design UX Flow
Created at 10/09/2025 17:55
bycolorstudio
  21

Optimized Playful App Design UX Flow

  • Tangerine Pop
    #ff7f50
  • Bubblegum Pink
    #ffb6c1
  • Smooth Lavender
    #e6e6fa
  • Graphite Dark Text
    #36454f
  • Clean Snow White
    #f8f8ff
  • Bold Aqua Button
    #00ffff
The palette consists of Light colors. Accent colors Tangerine Pop #ff7f50 and Clean Snow White #f8f8ff. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #36454F (darkest) to #F8F8FF (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #00FFFF, #36454F, #E6E6FA, #F8F8FF, #FF7F50, #FFB6C1

Palette Optimized Playful App Design UX Flow has combination of 6 codes colors:
HEX: #ff7f50, RGB: (255, 127, 80); HEX: #ffb6c1, RGB: (255, 182, 193); HEX: #e6e6fa, RGB: (230, 230, 250)
HEX: #36454f, RGB: (54, 69, 79); HEX: #f8f8ff, RGB: (248, 248, 255); HEX: #00ffff, RGB: (0, 255, 255)
Simplified version of palette colors
Tint of darkslategrey
Color scheme was created by colorstudio

Colors codes in palette

Optimized Playful App Design UX Flow color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ff7f50 #ff7f50 RGB(255, 127, 80)Tangerine PopCoral
#ffb6c1 #ffb6c1 RGB(255, 182, 193)Bubblegum PinkMatt Pink
#e6e6fa #e6e6fa RGB(230, 230, 250)Smooth LavenderCyber Lavender
#36454f #36454f RGB(54, 69, 79)Graphite Dark TextAzul Petróleo
#f8f8ff #f8f8ff RGB(248, 248, 255)Clean Snow WhiteGhost White
#00ffff #00ffff RGB(0, 255, 255)Bold Aqua ButtonAqua

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ff7f50
#ffb6c1
1.51
#ff7f50
#00ffff
1.99
#ffb6c1
#e6e6fa
1.34
#ffb6c1
#f8f8ff
1.56
#ffb6c1
#00ffff
1.31
#e6e6fa
#f8f8ff
1.16

Image palette Optimized Playful App Design UX Flow png

Optimized Playful App Design UX Flow - #562151
 Download image