Created at 08/21/2025 11:36
  21

UI Accessibility Semantic Aurora

  • Contrast Yellow
    #ffeb3b
  • Highlight Blue
    #00bcd4
  • Anchor Teal
    #26c6da
  • Background White
    #ffffff
  • Overlay Black
    #000000
  • Focus Coral
    #ff7043
The palette consists of Light, Dark colors. Accent colors Contrast Yellow #ffeb3b and Highlight Blue #00bcd4. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #000000 (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #000000, #00BCD4, #26C6DA, #FF7043, #FFEB3B, #FFFFFF

Palette UI Accessibility Semantic Aurora has combination of 6 codes colors:
HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #00bcd4, RGB: (0, 188, 212); HEX: #26c6da, RGB: (38, 198, 218)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #000000, RGB: (0, 0, 0); HEX: #ff7043, RGB: (255, 112, 67)
Simplified version of palette colors
Tint of Yellow, Tint of darkturquoise, Shade of darkturquoise, White, Black, Tint of coral
Color scheme was created by coolor

Colors codes in palette

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

Color HEX RGB Name Alternative name
#ffeb3b #ffeb3b RGB(255, 235, 59)Contrast Yellow
#00bcd4 #00bcd4 RGB(0, 188, 212)Highlight Blue
#26c6da #26c6da RGB(38, 198, 218)Anchor Teal
#ffffff #ffffff RGB(255, 255, 255)Background WhiteWhite
#000000 #000000 RGB(0, 0, 0)Overlay BlackBlack
#ff7043 #ff7043 RGB(255, 112, 67)Focus Coral

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffeb3b
#00bcd4
1.88
#ffeb3b
#26c6da
1.69
#ffeb3b
#ffffff
1.22
#00bcd4
#26c6da
1.11
#00bcd4
#ff7043
1.19
#26c6da
#ff7043
1.32

Image palette UI Accessibility Semantic Aurora png