Created at 06/08/2025 14:15
Hypercolor Navigation Stack
- Alt Key Yellow#f7cb15
- UI Violet Beam#c084fc
- Flowchart Cyan#00d4ff
- Touchscreen White#ffffff
- Axis Charcoal#292929
- Highlight Coral#ff7262
- Mode Green#90ee90
The palette consists of Light, Dark colors. Accent colors Flowchart Cyan #00d4ff and Highlight Coral #ff7262. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #292929 (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): #00D4FF, #292929, #90EE90, #C084FC, #F7CB15, #FF7262, #FFFFFF
Palette Hypercolor Navigation Stack has combination of 7 codes colors:
HEX: #f7cb15, RGB: (247, 203, 21); HEX: #c084fc, RGB: (192, 132, 252); HEX: #00d4ff, RGB: (0, 212, 255)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #292929, RGB: (41, 41, 41); HEX: #ff7262, RGB: (255, 114, 98)
HEX: #90ee90, RGB: (144, 238, 144)
Simplified version of palette colors
Tint of gold, Tint of violet, Tint of skyblue, White, Shade of Black, Tint of salmon
Color scheme was created by palettespicker
Colors codes in palette
Hypercolor Navigation Stack color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f7cb15 | #f7cb15 | RGB(247, 203, 21) | Alt Key Yellow | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | UI Violet Beam | — |
| #00d4ff | #00d4ff | RGB(0, 212, 255) | Flowchart Cyan | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Touchscreen White | White |
| #292929 | #292929 | RGB(41, 41, 41) | Axis Charcoal | Chromaphobic Black |
| #ff7262 | #ff7262 | RGB(255, 114, 98) | Highlight Coral | — |
| #90ee90 | #90ee90 | RGB(144, 238, 144) | Mode Green | Ulva Lactuca Green |
Color Palette Contrast
13 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f7cb15 | #c084fc | 1.69 |
#f7cb15 | #00d4ff | 1.13 |
#f7cb15 | #ffffff | 1.55 |
#f7cb15 | #ff7262 | 1.72 |
#f7cb15 | #90ee90 | 1.09 |
#c084fc | #00d4ff | 1.49 |
Image palette Hypercolor Navigation Stack png
Export Palette
Download the "Hypercolor Navigation Stack" in multiple formats for seamless integration into your design projects.
Available formats: