Mobile UX Singularity Stack

  • Cosmic Orange
    #ff6b35
  • White Surface Layer
    #fcfcfc
  • Retro Cyan Scroll
    #06aed5
  • Dark Analytics Navy
    #003459
  • Breakpoint Blush
    #ffc2e2
  1
Created at 07/08/2025 08:11
The palette consists of Light, Dark colors. Accent colors Dark Analytics Navy #003459 and Breakpoint Blush #ffc2e2. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #003459 (darkest) to #FCFCFC (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 80% 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): #003459, #06AED5, #FCFCFC, #FF6B35, #FFC2E2

Palette Mobile UX Singularity Stack combines 5 color codes:
HEX: #ff6b35, RGB: (255, 107, 53); HEX: #fcfcfc, RGB: (252, 252, 252); HEX: #06aed5, RGB: (6, 174, 213)
HEX: #003459, RGB: (0, 52, 89); HEX: #ffc2e2, RGB: (255, 194, 226)
Simplified version of palette colors
Shade of Coral, Shade of White, Shade of Deep Sky Blue, Tint of Midnight Blue, Tint of Pink
Color scheme was created by raccoon

Color codes in palette

Mobile UX Singularity Stack color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#ff6b35#ff6b35RGB(255, 107, 53)Cosmic Orange—
#fcfcfc#fcfcfcRGB(252, 252, 252)White Surface LayerGray99
#06aed5#06aed5RGB(6, 174, 213)Retro Cyan Scroll—
#003459#003459RGB(0, 52, 89)Dark Analytics Navy—
#ffc2e2#ffc2e2RGB(255, 194, 226)Breakpoint Blush—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ff6b35
#06aed5
1.08
#ff6b35
#ffc2e2
1.89
#fcfcfc
#ffc2e2
1.45
#06aed5
#ffc2e2
1.75

Image palette Mobile UX Singularity Stack png