Loading...
Created at 06/11/2025 12:21
  6

Hypermodern Code UI Overlay

  • Syntax Sand
    #f4e9dc
  • Highlight Honey
    #ffcf56
  • Debug Denim
    #2f5d62
  • Inspect Iris
    #816c94
  • Commit Clay
    #b2a59b
  • Scroll Shadow
    #121212
Loading...
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 ShadowDark 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

Loading...
Loading...
Loading...