Generate Palette
  1. Colors palettes
  2. UX Storyboarding Workflow Canvas
Created at 07/11/2025 21:15
byhex
  6

UX Storyboarding Workflow Canvas

  • Scenario Sand
    #ffe8d6
  • Wireframe Rose
    #f4acb7
  • User Action Blue
    #4ea8de
  • Journey Cloud
    #f7f7f7
  • Interaction Mint
    #c1fba4
  • Decision Ink
    #2a2a2a
  • Outcome Plum
    #9b5de5
The palette consists of Light, Dark colors. Accent colors Scenario Sand #ffe8d6 and User Action Blue #4ea8de. Palette has Neutral, Warm, Cool colors temperature.

By lightness, this palette runs from #2A2A2A (darkest) to #F7F7F7 (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).

Most swatches read as neutral in color temperature.

HEX codes (sorted): #2A2A2A, #4EA8DE, #9B5DE5, #C1FBA4, #F4ACB7, #F7F7F7, #FFE8D6

Palette UX Storyboarding Workflow Canvas has combination of 7 codes colors:
HEX: #ffe8d6, RGB: (255, 232, 214); HEX: #f4acb7, RGB: (244, 172, 183); HEX: #4ea8de, RGB: (78, 168, 222)
HEX: #f7f7f7, RGB: (247, 247, 247); HEX: #c1fba4, RGB: (193, 251, 164); HEX: #2a2a2a, RGB: (42, 42, 42)
HEX: #9b5de5, RGB: (155, 93, 229)
Simplified version of palette colors
Tint of antiquewhite, Tint of lightpink, Shade of deepskyblue, Shade of whitesmoke, Shade of palegreen, Shade of Black, Tint of mediumpurple
Color scheme was created by hex

Colors codes in palette

UX Storyboarding Workflow Canvas color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffe8d6 #ffe8d6 RGB(255, 232, 214)Scenario Sand—
#f4acb7 #f4acb7 RGB(244, 172, 183)Wireframe Rose—
#4ea8de #4ea8de RGB(78, 168, 222)User Action Blue—
#f7f7f7 #f7f7f7 RGB(247, 247, 247)Journey CloudLynx White
#c1fba4 #c1fba4 RGB(193, 251, 164)Interaction Mint—
#2a2a2a #2a2a2a RGB(42, 42, 42)Decision InkThe End
#9b5de5 #9b5de5 RGB(155, 93, 229)Outcome Plum—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffe8d6
#f4acb7
1.55
#ffe8d6
#f7f7f7
1.1
#ffe8d6
#c1fba4
1
#f4acb7
#4ea8de
1.43
#f4acb7
#f7f7f7
1.71
#f4acb7
#c1fba4
1.53

Image palette UX Storyboarding Workflow Canvas png

UX Storyboarding Workflow Canvas - #555065
 Download image