Generate Palette
  1. Colors palettes
  2. Mobile Dashboard Web Component Matrix
Created at 08/23/2025 07:31
bycolorstudio
  16

Mobile Dashboard Web Component Matrix

  • Interface White
    #ffffff
  • Adaptive Aqua
    #00bcd4
  • Sidebar Slate
    #263238
  • Button Coral
    #ff6f61
  • System Orange
    #ff9800
  • Accent Violet
    #9c27b0
The palette consists of Light, Dark colors. Accent colors Adaptive Aqua #00bcd4 and System Orange #ff9800. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #263238 (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): #00BCD4, #263238, #9C27B0, #FF6F61, #FF9800, #FFFFFF

Palette Mobile Dashboard Web Component Matrix has combination of 6 codes colors:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #00bcd4, RGB: (0, 188, 212); HEX: #263238, RGB: (38, 50, 56)
HEX: #ff6f61, RGB: (255, 111, 97); HEX: #ff9800, RGB: (255, 152, 0); HEX: #9c27b0, RGB: (156, 39, 176)
Simplified version of palette colors
White, Tint of darkturquoise, Tint of darkslategrey, Tint of salmon, Shade of darkorange, Tint of darkorchid
Color scheme was created by colorstudio

Colors codes in palette

Mobile Dashboard Web Component Matrix color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffffff #ffffff RGB(255, 255, 255)Interface WhiteWhite
#00bcd4 #00bcd4 RGB(0, 188, 212)Adaptive Aqua—
#263238 #263238 RGB(38, 50, 56)Sidebar Slate—
#ff6f61 #ff6f61 RGB(255, 111, 97)Button CoralLiving Coral
#ff9800 #ff9800 RGB(255, 152, 0)System Orange—
#9c27b0 #9c27b0 RGB(156, 39, 176)Accent Violet—

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00bcd4
#ff6f61
1.18
#00bcd4
#ff9800
1.06
#ff6f61
#ff9800
1.26

Image palette Mobile Dashboard Web Component Matrix png

Mobile Dashboard Web Component Matrix - #559114
 Download image