Generate Palette
  1. Color Palettes
  2. Visual Flow Mapping Framework

Visual Flow Mapping Framework

  • Flowchart Blue
    #56a3a6
  • Step Coral
    #f67280
  • Node White
    #fdfdfd
  • Path Smoke
    #e3e3e3
  • Decision Purple
    #6c567b
  6
Created at 07/08/2025 08:13
bybad_colors
The palette consists of Light, Semi dark colors. Accent colors Flowchart Blue #56a3a6 and Step Coral #f67280. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #6C567B (darkest) to #FDFDFD (lightest). The lightness range is moderate.

Overall saturation feels mostly muted (lower chroma) — 60% of colors are muted.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (2 of 5).

HEX codes (sorted): #56A3A6, #6C567B, #E3E3E3, #F67280, #FDFDFD

Palette Visual Flow Mapping Framework combines 5 color codes:
HEX: #56a3a6, RGB: (86, 163, 166); HEX: #f67280, RGB: (246, 114, 128); HEX: #fdfdfd, RGB: (253, 253, 253)
HEX: #e3e3e3, RGB: (227, 227, 227); HEX: #6c567b, RGB: (108, 86, 123)
Simplified version of palette colors
Tint of Cadet Blue, Shade of Light Coral, Shade of White, Tint of Gainsboro, Tint of Dark Slate Blue
Color scheme was created by bad_colors

Color codes in palette

Visual Flow Mapping Framework color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#56a3a6#56a3a6RGB(86, 163, 166)Flowchart Blue—
#f67280#f67280RGB(246, 114, 128)Step Coral—
#fdfdfd#fdfdfdRGB(253, 253, 253)Node WhiteBrilliance
#e3e3e3#e3e3e3RGB(227, 227, 227)Path SmokeGray89
#6c567b#6c567bRGB(108, 86, 123)Decision Purple—

Color Palette Contrast

2 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#56a3a6
#f67280
1.06
#fdfdfd
#e3e3e3
1.26

Image palette Visual Flow Mapping Framework png

Visual Flow Mapping Framework color palette: Flowchart Blue, Step Coral, Node White, Path Smoke, Decision Purple
 Download image