Generate Palette
  1. Color Palettes
  2. Mathematical Flow Diagram JavaScript UI Color Palette AI Tool

Mathematical Flow Diagram JavaScript UI Color Palette AI Tool

  • Algorithm Blue
    #1f4fd8
  • Set Theory Green
    #3ddc97
  • Function Orange
    #ff8a3d
  • Logic Slate
    #4a5568
  • Equation Cream
    #fff3d6
  • Reference Black
    #111827
  21
Created at 12/19/2025 11:08
bycolorscheme
The palette consists of Semi dark, Light, Dark colors. Accent colors Algorithm Blue #1f4fd8 and Equation Cream #fff3d6. Palette has Cool, Warm, Neutral colors temperature.

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

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

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

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

HEX codes (sorted): #111827, #1F4FD8, #3DDC97, #4A5568, #FF8A3D, #FFF3D6

Palette Mathematical Flow Diagram JavaScript UI Color Palette AI Tool combines 6 color codes:
HEX: #1f4fd8, RGB: (31, 79, 216); HEX: #3ddc97, RGB: (61, 220, 151); HEX: #ff8a3d, RGB: (255, 138, 61)
HEX: #4a5568, RGB: (74, 85, 104); HEX: #fff3d6, RGB: (255, 243, 214); HEX: #111827, RGB: (17, 24, 39)
Simplified version of palette colors
Shade of Slate Blue, Tint of Medium Spring Green, Tint of Dark Orange, Shade of Dim Gray, Shade of Cornsilk, Tint of Black
Color scheme was created by colorscheme

Color codes in palette

Mathematical Flow Diagram JavaScript UI Color Palette AI Tool color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#1f4fd8#1f4fd8RGB(31, 79, 216)Algorithm Blue—
#3ddc97#3ddc97RGB(61, 220, 151)Set Theory Green—
#ff8a3d#ff8a3dRGB(255, 138, 61)Function Orange—
#4a5568#4a5568RGB(74, 85, 104)Logic Slate—
#fff3d6#fff3d6RGB(255, 243, 214)Equation Cream—
#111827#111827RGB(17, 24, 39)Reference Black—

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#1f4fd8
#4a5568
1.13
#3ddc97
#ff8a3d
1.32
#3ddc97
#fff3d6
1.6

Image palette Mathematical Flow Diagram JavaScript UI Color Palette AI Tool png

Mathematical Flow Diagram JavaScript UI Color Palette AI Tool: Algorithm Blue, Set Theory Green, Function Orange, Logic Slate
 Download image