Generate Palette
  1. Color Palettes
  2. System Design Vector Mesh Flow

System Design Vector Mesh Flow

  • Diagram Navy
    #283593
  • Schema Aqua
    #00acc1
  • Entity Coral
    #f06292
  • Link Gray
    #bdbdbd
  • Background White
    #fafafa
  • Node Black
    #212121
  16
Created at 08/21/2025 11:42
byhex
The palette consists of Semi dark, Light, Dark colors. Accent colors Schema Aqua #00acc1 and Entity Coral #f06292. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #212121 (darkest) to #FAFAFA (lightest). The lightness range is wide.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

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

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

HEX codes (sorted): #00ACC1, #212121, #283593, #BDBDBD, #F06292, #FAFAFA

Palette System Design Vector Mesh Flow combines 6 color codes:
HEX: #283593, RGB: (40, 53, 147); HEX: #00acc1, RGB: (0, 172, 193); HEX: #f06292, RGB: (240, 98, 146)
HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #fafafa, RGB: (250, 250, 250); HEX: #212121, RGB: (33, 33, 33)
Simplified version of palette colors
Shade of Dark Slate Blue, Shade of Cadet Blue, Shade of Pale Violet Red, Shade of Silver, Tint of White Smoke, Tint of Black
Color scheme was created by hex

Color codes in palette

System Design Vector Mesh Flow color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#283593 #283593 RGB(40, 53, 147)Diagram Navy—
#00acc1 #00acc1 RGB(0, 172, 193)Schema Aqua—
#f06292 #f06292 RGB(240, 98, 146)Entity Coral—
#bdbdbd #bdbdbd RGB(189, 189, 189)Link GrayGray74
#fafafa #fafafa RGB(250, 250, 250)Background WhiteDr. White
#212121 #212121 RGB(33, 33, 33)Node BlackLead

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#283593
#212121
1.54
#00acc1
#f06292
1.11
#00acc1
#bdbdbd
1.45
#f06292
#bdbdbd
1.62
#bdbdbd
#fafafa
1.79

Image palette System Design Vector Mesh Flow png

System Design Vector Mesh Flow - #559014
 Download image