Created at 07/04/2025 20:22
Holographic UI System
Lightstream White
#f9fafb
Holo Teal
#60f2d9
Futureproof Magenta
#f08fc0
Cloud Base Gray
#c5ced6
AI Layer Navy
#293a4a
Signal Orange
#ffbe76
The palette consists of Light colors. Accent colors Holo Teal #60f2d9 and Signal Orange #ffbe76. Palette has Neutral, Cool, Warm colors temperature.
Palette Holographic UI System has combination of 6 codes colors:
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #60f2d9, RGB: (96, 242, 217); HEX: #f08fc0, RGB: (240, 143, 192)
HEX: #c5ced6, RGB: (197, 206, 214); HEX: #293a4a, RGB: (41, 58, 74); HEX: #ffbe76, RGB: (255, 190, 118)
Simplified version of palette colors
Shade of whitesmoke, Shade of turquoise, Shade of hotpink, Tint of lightgrey, Tint of darkslateblue, Shade of sandybrown
Color scheme was created by coolor
Colors codes in palette
Holographic UI System color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Lightstream White | — |
| #60f2d9 | #60f2d9 | RGB(96, 242, 217) | Holo Teal | — |
| #f08fc0 | #f08fc0 | RGB(240, 143, 192) | Futureproof Magenta | — |
| #c5ced6 | #c5ced6 | RGB(197, 206, 214) | Cloud Base Gray | — |
| #293a4a | #293a4a | RGB(41, 58, 74) | AI Layer Navy | — |
| #ffbe76 | #ffbe76 | RGB(255, 190, 118) | Signal Orange | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f9fafb | #60f2d9 | 1.32 |
#f9fafb | #c5ced6 | 1.52 |
#f9fafb | #ffbe76 | 1.56 |
#60f2d9 | #f08fc0 | 1.61 |
#60f2d9 | #c5ced6 | 1.15 |
#60f2d9 | #ffbe76 | 1.18 |
