Created at 04/15/2026 11:33
Hyper Modern CSS Variables Design System AI Powered Web Components Library
- Variable Dark#0d0f16
- Primary Neon#00c2ff
- Secondary Mint#2de2b6
- Accent Pink#ff4d8d
- Warning Amber#ffb020
- Neutral Gray#9ca3af
- Background White#f8fafc
The palette consists of Dark, Light colors. Accent colors Primary Neon #00c2ff and Warning Amber #ffb020. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #0D0F16 (darkest) to #F8FAFC (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).
Overall temperature among swatches leans cool.
HEX codes (sorted): #00C2FF, #0D0F16, #2DE2B6, #9CA3AF, #F8FAFC, #FF4D8D, #FFB020
Palette Hyper Modern CSS Variables Design System AI Powered Web Components Library has combination of 7 codes colors:
HEX: #0d0f16, RGB: (13, 15, 22); HEX: #00c2ff, RGB: (0, 194, 255); HEX: #2de2b6, RGB: (45, 226, 182)
HEX: #ff4d8d, RGB: (255, 77, 141); HEX: #ffb020, RGB: (255, 176, 32); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #f8fafc, RGB: (248, 250, 252)
Simplified version of palette colors
Shade of Black, Shade of deepskyblue, Tint of mediumaquamarine, Shade of deeppink, Shade of Orange, Tint of darkgrey, Shade of whitesmoke
Color scheme was created by colorslib
Colors codes in palette
Hyper Modern CSS Variables Design System AI Powered Web Components Library color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #0d0f16 | #0d0f16 | RGB(13, 15, 22) | Variable Dark | — |
| #00c2ff | #00c2ff | RGB(0, 194, 255) | Primary Neon | — |
| #2de2b6 | #2de2b6 | RGB(45, 226, 182) | Secondary Mint | — |
| #ff4d8d | #ff4d8d | RGB(255, 77, 141) | Accent Pink | — |
| #ffb020 | #ffb020 | RGB(255, 176, 32) | Warning Amber | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Neutral Gray | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Background White | — |
Color Palette Contrast
13 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#00c2ff | #2de2b6 | 1.24 |
#00c2ff | #ff4d8d | 1.51 |
#00c2ff | #ffb020 | 1.13 |
#00c2ff | #9ca3af | 1.22 |
#00c2ff | #f8fafc | 1.97 |
#2de2b6 | #ff4d8d | 1.89 |
Image palette Hyper Modern CSS Variables Design System AI Powered Web Components Library png
Export Palette
Download the "Hyper Modern CSS Variables Design System AI Powered Web Components Library" in multiple formats for seamless integration into your design projects.
Available formats: