Loading...
Created at 06/11/2025 12:21
Hypermodern Code UI Overlay
- Syntax Sand#f4e9dc
- Highlight Honey#ffcf56
- Debug Denim#2f5d62
- Inspect Iris#816c94
- Commit Clay#b2a59b
- Scroll Shadow#121212
The palette consists of Light, Semi dark, Dark colors. Accent colors Highlight Honey #ffcf56 and Debug Denim #2f5d62. Palette has Neutral, Warm, Cool colors temperature.
By lightness, this palette runs from #121212 (darkest) to #F4E9DC (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).
Overall temperature among swatches leans cool.
HEX codes (sorted): #121212, #2F5D62, #816C94, #B2A59B, #F4E9DC, #FFCF56
Palette Hypermodern Code UI Overlay has combination of 6 codes colors:
HEX: #f4e9dc, RGB: (244, 233, 220); HEX: #ffcf56, RGB: (255, 207, 86); HEX: #2f5d62, RGB: (47, 93, 98)
HEX: #816c94, RGB: (129, 108, 148); HEX: #b2a59b, RGB: (178, 165, 155); HEX: #121212, RGB: (18, 18, 18)
Simplified version of palette colors
Tint of linen, Shade of gold, Shade of darkslategrey, Tint of mediumpurple, Tint of darkgrey, Shade of Black
Color scheme was created by bad_colors
Colors codes in palette
Hypermodern Code UI Overlay color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f4e9dc | #f4e9dc | RGB(244, 233, 220) | Syntax Sand | — |
| #ffcf56 | #ffcf56 | RGB(255, 207, 86) | Highlight Honey | — |
| #2f5d62 | #2f5d62 | RGB(47, 93, 98) | Debug Denim | — |
| #816c94 | #816c94 | RGB(129, 108, 148) | Inspect Iris | — |
| #b2a59b | #b2a59b | RGB(178, 165, 155) | Commit Clay | — |
| #121212 | #121212 | RGB(18, 18, 18) | Scroll Shadow | Dark Tone Ink |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f4e9dc | #ffcf56 | 1.22 |
#ffcf56 | #b2a59b | 1.63 |
#2f5d62 | #816c94 | 1.57 |
#816c94 | #b2a59b | 1.94 |
Image palette Hypermodern Code UI Overlay png
Export Palette
Download the "Hypermodern Code UI Overlay" in multiple formats for seamless integration into your design projects.
Available formats: