Generate Palette
  1. Colors palettes
  2. Mathematical UX System Blueprint
Created at 09/14/2025 18:13
bycolorday
  21

Mathematical UX System Blueprint

  • Vector Blue
    #0077b6
  • Matrix Yellow
    #ffd23f
  • Graph Orange
    #ff6b35
  • Function Violet
    #8338ec
  • Equation Teal
    #00a896
  • Surface White
    #fbfbfb
  • Axis Black
    #121212
The palette consists of Semi dark, Light, Dark colors. Accent colors Matrix Yellow #ffd23f and Equation Teal #00a896. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #121212 (darkest) to #FBFBFB (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): #0077B6, #00A896, #121212, #8338EC, #FBFBFB, #FF6B35, #FFD23F

Palette Mathematical UX System Blueprint has combination of 7 codes colors:
HEX: #0077b6, RGB: (0, 119, 182); HEX: #ffd23f, RGB: (255, 210, 63); HEX: #ff6b35, RGB: (255, 107, 53)
HEX: #8338ec, RGB: (131, 56, 236); HEX: #00a896, RGB: (0, 168, 150); HEX: #fbfbfb, RGB: (251, 251, 251)
HEX: #121212, RGB: (18, 18, 18)
Simplified version of palette colors
Tint of steelblue, Shade of gold, Tint of coral, Shade of blueviolet, Tint of lightseagreen, Tint of White, Shade of Black
Color scheme was created by colorday

Colors codes in palette

Mathematical UX System Blueprint color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0077b6 #0077b6 RGB(0, 119, 182)Vector Blue—
#ffd23f #ffd23f RGB(255, 210, 63)Matrix Yellow—
#ff6b35 #ff6b35 RGB(255, 107, 53)Graph Orange—
#8338ec #8338ec RGB(131, 56, 236)Function Violet—
#00a896 #00a896 RGB(0, 168, 150)Equation Teal—
#fbfbfb #fbfbfb RGB(251, 251, 251)Surface WhiteWhiteout
#121212 #121212 RGB(18, 18, 18)Axis BlackDark Tone Ink

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0077b6
#ff6b35
1.71
#0077b6
#8338ec
1.15
#0077b6
#00a896
1.63
#ffd23f
#ff6b35
1.96
#ffd23f
#fbfbfb
1.39
#ff6b35
#8338ec
1.97

Image palette Mathematical UX System Blueprint png

Mathematical UX System Blueprint - #560364
 Download image