Generate Palette
  1. Colors palettes
  2. Neural UX Accessibility Matrix
Created at 09/14/2025 18:15
byhex
  11

Neural UX Accessibility Matrix

  • Accessible Orange
    #f77f00
  • Synapse Violet
    #9d4edd
  • Journey Blue
    #118ab2
  • Persona Peach
    #ffbe0b
  • Wireframe Gray
    #ced4da
  • Contrast White
    #ffffff
  • Dark Mode Black
    #0f0f0f
The palette consists of Light, Dark colors. Accent colors Journey Blue #118ab2 and Persona Peach #ffbe0b. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #0F0F0F (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): #0F0F0F, #118AB2, #9D4EDD, #CED4DA, #F77F00, #FFBE0B, #FFFFFF

Palette Neural UX Accessibility Matrix has combination of 7 codes colors:
HEX: #f77f00, RGB: (247, 127, 0); HEX: #9d4edd, RGB: (157, 78, 221); HEX: #118ab2, RGB: (17, 138, 178)
HEX: #ffbe0b, RGB: (255, 190, 11); HEX: #ced4da, RGB: (206, 212, 218); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #0f0f0f, RGB: (15, 15, 15)
Simplified version of palette colors
Tint of darkorange, Shade of darkorchid, Tint of steelblue, Shade of goldenrod, Tint of lightgrey, White, Shade of Black
Color scheme was created by hex

Colors codes in palette

Neural UX Accessibility Matrix color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f77f00 #f77f00 RGB(247, 127, 0)Accessible OrangeUniversity of Tennessee Orange
#9d4edd #9d4edd RGB(157, 78, 221)Synapse Violet—
#118ab2 #118ab2 RGB(17, 138, 178)Journey Blue—
#ffbe0b #ffbe0b RGB(255, 190, 11)Persona Peach—
#ced4da #ced4da RGB(206, 212, 218)Wireframe Gray—
#ffffff #ffffff RGB(255, 255, 255)Contrast WhiteWhite
#0f0f0f #0f0f0f RGB(15, 15, 15)Dark Mode BlackChaos Black

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f77f00
#9d4edd
1.74
#f77f00
#118ab2
1.5
#f77f00
#ffbe0b
1.57
#f77f00
#ced4da
1.75
#9d4edd
#118ab2
1.16
#ffbe0b
#ced4da
1.11

Image palette Neural UX Accessibility Matrix png

Neural UX Accessibility Matrix - #560367
 Download image