Generate Palette
  1. Color Palettes
  2. Neural UX Accessibility Matrix

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
  11
Created at 09/14/2025 18:15
byhex
The palette consists of Light, Semi dark, 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) — 57% 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 7).

HEX codes (sorted): #0F0F0F, #118AB2, #9D4EDD, #CED4DA, #F77F00, #FFBE0B, #FFFFFF

Palette Neural UX Accessibility Matrix combines 7 color codes:
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
Shade of Dark Orange, Tint of Dark Orchid, Shade of Steel Blue, Tint of Goldenrod, Shade of Light Gray, White, Tint of Black
Color scheme was created by hex

Color 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 color palette: Accessible Orange, Synapse Violet, Journey Blue, Persona Peach, Wireframe Gray
 Download image