Created at 08/13/2025 05:58
Generative WebGL UI Synthwave
- WebGL Cyan#00f5d4
- Synth Magenta#ff006e
- Component Yellow#f9c74f
- Node Black#222222
- Viewbox White#fbfbfb
- Shader Purple#8338ec
- Pixel Coral#f9844a
- Render Grey#b0bec5
The palette consists of Light, Dark, Semi dark colors. Accent colors WebGL Cyan #00f5d4 and Synth Magenta #ff006e. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #222222 (darkest) to #FBFBFB (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): #00F5D4, #222222, #8338EC, #B0BEC5, #F9844A, #F9C74F, #FBFBFB, #FF006E
Palette Generative WebGL UI Synthwave has combination of 8 codes colors:
HEX: #00f5d4, RGB: (0, 245, 212); HEX: #ff006e, RGB: (255, 0, 110); HEX: #f9c74f, RGB: (249, 199, 79)
HEX: #222222, RGB: (34, 34, 34); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #8338ec, RGB: (131, 56, 236)
HEX: #f9844a, RGB: (249, 132, 74); HEX: #b0bec5, RGB: (176, 190, 197)
Simplified version of palette colors
Tint of aquamarine, Tint of deeppink, Tint of gold, Shade of Black, Tint of White, Shade of blueviolet, Shade of coral, Tint of Silver
Color scheme was created by colorday
Colors codes in palette
Generative WebGL UI Synthwave color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #00f5d4 | #00f5d4 | RGB(0, 245, 212) | WebGL Cyan | — |
| #ff006e | #ff006e | RGB(255, 0, 110) | Synth Magenta | — |
| #f9c74f | #f9c74f | RGB(249, 199, 79) | Component Yellow | — |
| #222222 | #222222 | RGB(34, 34, 34) | Node Black | Black Out |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Viewbox White | Whiteout |
| #8338ec | #8338ec | RGB(131, 56, 236) | Shader Purple | — |
| #f9844a | #f9844a | RGB(249, 132, 74) | Pixel Coral | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Render Grey | Ocean Drive |
Color Palette Contrast
11 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#00f5d4 | #f9c74f | 1.12 |
#00f5d4 | #fbfbfb | 1.35 |
#00f5d4 | #f9844a | 1.78 |
#00f5d4 | #b0bec5 | 1.36 |
#ff006e | #8338ec | 1.46 |
#ff006e | #f9844a | 1.53 |
Image palette Generative WebGL UI Synthwave png
Export Palette
Download the "Generative WebGL UI Synthwave" in multiple formats for seamless integration into your design projects.
Available formats: