Generate Palette
  1. Colors palettes
  2. Single Page App Router Map
Created at 06/08/2025 17:20
bycolorstudio
  6

Single Page App Router Map

  • Link Lavender
    #b388eb
  • View Gray
    #ced4da
  • PushState Navy
    #001f54
  • Anchor Peach
    #ffe0b5
  • Component Blush
    #ffb5b5
  • Navigation Black
    #101010
The palette consists of Light, Dark colors. Accent colors PushState Navy #001f54 and Anchor Peach #ffe0b5. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #101010 (darkest) to #FFE0B5 (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): #001F54, #101010, #B388EB, #CED4DA, #FFB5B5, #FFE0B5

Palette Single Page App Router Map has combination of 6 codes colors:
HEX: #b388eb, RGB: (179, 136, 235); HEX: #ced4da, RGB: (206, 212, 218); HEX: #001f54, RGB: (0, 31, 84)
HEX: #ffe0b5, RGB: (255, 224, 181); HEX: #ffb5b5, RGB: (255, 181, 181); HEX: #101010, RGB: (16, 16, 16)
Simplified version of palette colors
Shade of mediumpurple, Tint of lightgrey, Tint of midnightblue, Shade of navajowhite, Tint of lightpink, Shade of Black
Color scheme was created by colorstudio

Colors codes in palette

Single Page App Router Map color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#b388eb #b388eb RGB(179, 136, 235)Link Lavender—
#ced4da #ced4da RGB(206, 212, 218)View Gray—
#001f54 #001f54 RGB(0, 31, 84)PushState Navy—
#ffe0b5 #ffe0b5 RGB(255, 224, 181)Anchor Peach—
#ffb5b5 #ffb5b5 RGB(255, 181, 181)Component Blush—
#101010 #101010 RGB(16, 16, 16)Navigation Black—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#b388eb
#ced4da
1.84
#b388eb
#ffb5b5
1.64
#ced4da
#ffe0b5
1.17
#ced4da
#ffb5b5
1.12
#001f54
#101010
1.19
#ffe0b5
#ffb5b5
1.32

Image palette Single Page App Router Map png

Single Page App Router Map - #551330
 Download image