Created at 06/06/2025 11:01
React Virtual Skyline
- JSX Neon Sky#00cfff
- Hook Cherry Pop#ff5c8d
- State Clay#c6c9b7
- DOM Obsidian#1b1b1e
- Memo Lilac Mist#d0a3bf
- Context Vanilla Ice#f6f3f0
The palette consists of Light, Dark colors. Accent colors JSX Neon Sky #00cfff and Hook Cherry Pop #ff5c8d. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #1B1B1E (darkest) to #F6F3F0 (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).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #00CFFF, #1B1B1E, #C6C9B7, #D0A3BF, #F6F3F0, #FF5C8D
Palette React Virtual Skyline has combination of 6 codes colors:
HEX: #00cfff, RGB: (0, 207, 255); HEX: #ff5c8d, RGB: (255, 92, 141); HEX: #c6c9b7, RGB: (198, 201, 183)
HEX: #1b1b1e, RGB: (27, 27, 30); HEX: #d0a3bf, RGB: (208, 163, 191); HEX: #f6f3f0, RGB: (246, 243, 240)
Simplified version of palette colors
Shade of deepskyblue, Tint of palevioletred, Shade of Silver, Shade of Black, Tint of thistle, Tint of whitesmoke
Color scheme was created by palettespicker
Colors codes in palette
React Virtual Skyline color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #00cfff | #00cfff | RGB(0, 207, 255) | JSX Neon Sky | — |
| #ff5c8d | #ff5c8d | RGB(255, 92, 141) | Hook Cherry Pop | — |
| #c6c9b7 | #c6c9b7 | RGB(198, 201, 183) | State Clay | — |
| #1b1b1e | #1b1b1e | RGB(27, 27, 30) | DOM Obsidian | — |
| #d0a3bf | #d0a3bf | RGB(208, 163, 191) | Memo Lilac Mist | — |
| #f6f3f0 | #f6f3f0 | RGB(246, 243, 240) | Context Vanilla Ice | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#00cfff | #ff5c8d | 1.58 |
#00cfff | #c6c9b7 | 1.09 |
#00cfff | #d0a3bf | 1.17 |
#00cfff | #f6f3f0 | 1.67 |
#ff5c8d | #c6c9b7 | 1.73 |
#ff5c8d | #d0a3bf | 1.34 |
Image palette React Virtual Skyline png
Export Palette
Download the "React Virtual Skyline" in multiple formats for seamless integration into your design projects.
Available formats: