Created at 08/21/2025 11:40
  16

Quantum Story Mapping Flow UI

  • Scenario Blue
    #2979ff
  • Persona Violet
    #9c27b0
  • Sprint Lime
    #cddc39
  • Task Coral
    #ff7043
  • Overlay White
    #fbfbfb
  • Chart Black
    #1c1c1c
The palette consists of Light, Dark colors. Accent colors Scenario Blue #2979ff and Task Coral #ff7043. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #1C1C1C (darkest) to #FBFBFB (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): #1C1C1C, #2979FF, #9C27B0, #CDDC39, #FBFBFB, #FF7043

Palette Quantum Story Mapping Flow UI has combination of 6 codes colors:
HEX: #2979ff, RGB: (41, 121, 255); HEX: #9c27b0, RGB: (156, 39, 176); HEX: #cddc39, RGB: (205, 220, 57)
HEX: #ff7043, RGB: (255, 112, 67); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #1c1c1c, RGB: (28, 28, 28)
Simplified version of palette colors
Shade of royalblue, Tint of darkorchid, Shade of Yellowgreen, Tint of coral, Tint of White, Shade of Black
Color scheme was created by hex

Colors codes in palette

Quantum Story Mapping Flow UI color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2979ff #2979ff RGB(41, 121, 255)Scenario Blue
#9c27b0 #9c27b0 RGB(156, 39, 176)Persona Violet
#cddc39 #cddc39 RGB(205, 220, 57)Sprint Lime
#ff7043 #ff7043 RGB(255, 112, 67)Task Coral
#fbfbfb #fbfbfb RGB(251, 251, 251)Overlay WhiteWhiteout
#1c1c1c #1c1c1c RGB(28, 28, 28)Chart BlackGray11

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#2979ff
#9c27b0
1.58
#2979ff
#ff7043
1.45
#cddc39
#ff7043
1.81
#cddc39
#fbfbfb
1.46

Image palette Quantum Story Mapping Flow UI png