Hypermodern Code UI Overlay
- Syntax Sand#f4e9dc
- Highlight Honey#ffcf56
- Debug Denim#2f5d62
- Inspect Iris#816c94
- Commit Clay#b2a59b
- Scroll Shadow#121212
Created at 06/11/2025 12:21
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 — 3 muted and 2 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Warm and cool swatches are fairly balanced (2 warm, 2 cool).
HEX codes (sorted): #121212, #2F5D62, #816C94, #B2A59B, #F4E9DC, #FFCF56
Palette Hypermodern Code UI Overlay combines 6 color codes:
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
Shade of Linen, Tint of Gold, Tint of Dark Slate Gray, Shade of Medium Purple, Shade of Dark Gray, Tint of Black
Color scheme was created by bad_colors
Color 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: