Created at 12/19/2025 11:08
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
The palette consists of Light, Semi dark, Dark colors. Accent colors Algorithm Blue #1f4fd8 and Equation Cream #fff3d6. Palette has Cool, Warm, Neutral colors temperature.
Palette Mathematical Flow Diagram JavaScript UI Color Palette AI Tool has combination of 6 codes colors:
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
Tint of slateblue, Shade of mediumspringgreen, Shade of darkorange, Tint of dimgrey, Tint of cornsilk, Shade of Black
Color scheme was created by colorscheme
Colors codes in palette
Mathematical Flow Diagram JavaScript UI Color Palette AI Tool color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #1f4fd8 | #1f4fd8 | RGB(31, 79, 216) | Algorithm Blue | — |
| #3ddc97 | #3ddc97 | RGB(61, 220, 151) | Set Theory Green | — |
| #ff8a3d | #ff8a3d | RGB(255, 138, 61) | Function Orange | — |
| #4a5568 | #4a5568 | RGB(74, 85, 104) | Logic Slate | — |
| #fff3d6 | #fff3d6 | RGB(255, 243, 214) | Equation Cream | — |
| #111827 | #111827 | RGB(17, 24, 39) | Reference Black | — |
Color Palette Contrast
3 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast 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
Export Palette
Download the "Mathematical Flow Diagram JavaScript UI Color Palette AI Tool" in multiple formats for seamless integration into your design projects.
Available formats: