Metaverse UI System Design
- Avatar Violet#9d4edd
- Portal Cyan#50c9ce
- VR Black#121212
- Environment White#f9f9f9
- Interaction Orange#ff8c42
- Spatial Grey#848884
Created at 07/13/2025 17:30
The palette consists of Semi dark, Light, Dark colors. Accent colors Portal Cyan #50c9ce and Interaction Orange #ff8c42. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #121212 (darkest) to #F9F9F9 (lightest). The lightness range is wide.
Saturation is mixed — 3 muted and 3 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (2 of 6).
HEX codes (sorted): #121212, #50C9CE, #848884, #9D4EDD, #F9F9F9, #FF8C42
Palette Metaverse UI System Design combines 6 color codes:
HEX: #9d4edd, RGB: (157, 78, 221); HEX: #50c9ce, RGB: (80, 201, 206); HEX: #121212, RGB: (18, 18, 18)
HEX: #f9f9f9, RGB: (249, 249, 249); HEX: #ff8c42, RGB: (255, 140, 66); HEX: #848884, RGB: (132, 136, 132)
Simplified version of palette colors
Tint of Dark Orchid, Tint of Dark Turquoise, Tint of Black, Tint of White Smoke, Tint of Dark Orange, Tint of Grey
Color scheme was created by colourlock
Color codes in palette
Metaverse UI System Design color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #9d4edd | #9d4edd | RGB(157, 78, 221) | Avatar Violet | — |
| #50c9ce | #50c9ce | RGB(80, 201, 206) | Portal Cyan | — |
| #121212 | #121212 | RGB(18, 18, 18) | VR Black | Dark Tone Ink |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Environment White | Doctor |
| #ff8c42 | #ff8c42 | RGB(255, 140, 66) | Interaction Orange | — |
| #848884 | #848884 | RGB(132, 136, 132) | Spatial Grey | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#9d4edd | #ff8c42 | 1.98 |
#9d4edd | #848884 | 1.27 |
#50c9ce | #f9f9f9 | 1.88 |
#50c9ce | #ff8c42 | 1.16 |
#50c9ce | #848884 | 1.81 |
#ff8c42 | #848884 | 1.55 |
Image palette Metaverse UI System Design png
Export Palette
Download the "Metaverse UI System Design" in multiple formats for seamless integration into your design projects.
Available formats: