Created at 05/04/2026 13:24
  1

Spatial UX Mobile Navigation Neural Grid System

  • Void Navy
    #0a0f1c
  • Navigation Blue
    #1d4ed8
  • Signal Aqua
    #22d3ee
  • Route Green
    #10b981
  • Alert Coral
    #fb7185
  • Fog White
    #f8fafc
  • Steel Gray
    #64748b
  • Deep UI Black
    #111827
The palette consists of Dark, Light colors. Accent colors Signal Aqua #22d3ee and Alert Coral #fb7185. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #0A0F1C (darkest) to #F8FAFC (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

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): #0A0F1C, #10B981, #111827, #1D4ED8, #22D3EE, #64748B, #F8FAFC, #FB7185

Palette Spatial UX Mobile Navigation Neural Grid System has combination of 8 codes colors:
HEX: #0a0f1c, RGB: (10, 15, 28); HEX: #1d4ed8, RGB: (29, 78, 216); HEX: #22d3ee, RGB: (34, 211, 238)
HEX: #10b981, RGB: (16, 185, 129); HEX: #fb7185, RGB: (251, 113, 133); HEX: #f8fafc, RGB: (248, 250, 252)
HEX: #64748b, RGB: (100, 116, 139); HEX: #111827, RGB: (17, 24, 39)
Simplified version of palette colors
Shade of Black, Tint of slateblue, Shade of darkturquoise, Tint of mediumseagreen, Tint of lightcoral, Shade of whitesmoke, Tint of slategrey, Shade of Black
Color scheme was created by colorscheme

Colors codes in palette

Spatial UX Mobile Navigation Neural Grid System color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0a0f1c #0a0f1c RGB(10, 15, 28)Void Navy
#1d4ed8 #1d4ed8 RGB(29, 78, 216)Navigation Blue
#22d3ee #22d3ee RGB(34, 211, 238)Signal Aqua
#10b981 #10b981 RGB(16, 185, 129)Route Green
#fb7185 #fb7185 RGB(251, 113, 133)Alert Coral
#f8fafc #f8fafc RGB(248, 250, 252)Fog White
#64748b #64748b RGB(100, 116, 139)Steel Gray
#111827 #111827 RGB(17, 24, 39)Deep UI Black

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0a0f1c
#111827
1.07
#1d4ed8
#64748b
1.4
#22d3ee
#10b981
1.4
#22d3ee
#fb7185
1.48
#22d3ee
#f8fafc
1.72
#10b981
#fb7185
1.06

Image palette Spatial UX Mobile Navigation Neural Grid System png