Generate Palette
  1. Colors palettes
  2. Semantic UI Accessibility Mesh
Created at 08/21/2025 11:49
bycolorday
  16

Semantic UI Accessibility Mesh

  • Ontology Teal
    #26a69a
  • Schema Violet
    #7e57c2
  • Focus Yellow
    #ffeb3b
  • Overlay Gray
    #9e9e9e
  • Resource White
    #ffffff
  • Graph Black
    #121212
The palette consists of Light, Dark colors. Accent colors Ontology Teal #26a69a and Focus Yellow #ffeb3b. Palette has Cool, Warm, Neutral colors temperature.

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

Saturation is mixed — some muted swatches and some vivid accents.

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): #121212, #26A69A, #7E57C2, #9E9E9E, #FFEB3B, #FFFFFF

Palette Semantic UI Accessibility Mesh has combination of 6 codes colors:
HEX: #26a69a, RGB: (38, 166, 154); HEX: #7e57c2, RGB: (126, 87, 194); HEX: #ffeb3b, RGB: (255, 235, 59)
HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #ffffff, RGB: (255, 255, 255); HEX: #121212, RGB: (18, 18, 18)
Simplified version of palette colors
Tint of lightseagreen, Shade of slateblue, Tint of Yellow, Tint of darkgrey, White, Shade of Black
Color scheme was created by colorday

Colors codes in palette

Semantic UI Accessibility Mesh color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#26a69a #26a69a RGB(38, 166, 154)Ontology Teal—
#7e57c2 #7e57c2 RGB(126, 87, 194)Schema Violet—
#ffeb3b #ffeb3b RGB(255, 235, 59)Focus Yellow—
#9e9e9e #9e9e9e RGB(158, 158, 158)Overlay GrayGray62
#ffffff #ffffff RGB(255, 255, 255)Resource WhiteWhite
#121212 #121212 RGB(18, 18, 18)Graph BlackDark Tone Ink

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#26a69a
#7e57c2
1.73
#26a69a
#9e9e9e
1.11
#7e57c2
#9e9e9e
1.94
#ffeb3b
#ffffff
1.22

Image palette Semantic UI Accessibility Mesh png

Semantic UI Accessibility Mesh - #559033
 Download image