Generate Palette
  1. Colors palettes
  2. React Flowchart Accessibility Theme
Created at 09/11/2025 21:54
bycolorhunt
  16

React Flowchart Accessibility Theme

  • Framework Blue
    #3b82f6
  • UX White
    #ffffff
  • Contrast Black
    #000000
  • Context Violet
    #7c3aed
  • Highlight Orange
    #f97316
  • Adaptive Mint
    #2dd4bf
  • Readable Gray
    #9ca3af
The palette consists of Light, Dark, Semi dark colors. Accent colors Framework Blue #3b82f6 and Highlight Orange #f97316. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #000000 (darkest) to #FFFFFF (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): #000000, #2DD4BF, #3B82F6, #7C3AED, #9CA3AF, #F97316, #FFFFFF

Palette React Flowchart Accessibility Theme has combination of 7 codes colors:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #ffffff, RGB: (255, 255, 255); HEX: #000000, RGB: (0, 0, 0)
HEX: #7c3aed, RGB: (124, 58, 237); HEX: #f97316, RGB: (249, 115, 22); HEX: #2dd4bf, RGB: (45, 212, 191)
HEX: #9ca3af, RGB: (156, 163, 175)
Simplified version of palette colors
Tint of dodgerblue, White, Black, Shade of blueviolet, Shade of chocolate, Tint of turquoise, Tint of darkgrey
Color scheme was created by colorhunt

Colors codes in palette

React Flowchart Accessibility Theme color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3b82f6 #3b82f6 RGB(59, 130, 246)Framework Blue—
#ffffff #ffffff RGB(255, 255, 255)UX WhiteWhite
#000000 #000000 RGB(0, 0, 0)Contrast BlackBlack
#7c3aed #7c3aed RGB(124, 58, 237)Context Violet—
#f97316 #f97316 RGB(249, 115, 22)Highlight Orange—
#2dd4bf #2dd4bf RGB(45, 212, 191)Adaptive Mint—
#9ca3af #9ca3af RGB(156, 163, 175)Readable Gray—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3b82f6
#7c3aed
1.54
#3b82f6
#f97316
1.31
#3b82f6
#2dd4bf
1.97
#3b82f6
#9ca3af
1.44
#ffffff
#2dd4bf
1.86
#f97316
#2dd4bf
1.5

Image palette React Flowchart Accessibility Theme png

React Flowchart Accessibility Theme - #560211
 Download image