Created at 07/04/2025 09:56
  6

Mid-Century OS UI Kit

  • Atomic Blue
    #a8d4ff
  • Circuit Coral
    #ffbaa1
  • Monitor Cream
    #fff9d9
  • Command Lilac
    #d8c6f7
  • Modal Fog
    #f3f3f3
  • Dark Frame
    #292929
The palette consists of Light, Dark colors. Accent colors Atomic Blue #a8d4ff and Monitor Cream #fff9d9. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #292929 (darkest) to #F3F3F3 (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): #292929, #A8D4FF, #D8C6F7, #F3F3F3, #FFBAA1, #FFF9D9

Palette Mid-Century OS UI Kit has combination of 6 codes colors:
HEX: #a8d4ff, RGB: (168, 212, 255); HEX: #ffbaa1, RGB: (255, 186, 161); HEX: #fff9d9, RGB: (255, 249, 217)
HEX: #d8c6f7, RGB: (216, 198, 247); HEX: #f3f3f3, RGB: (243, 243, 243); HEX: #292929, RGB: (41, 41, 41)
Simplified version of palette colors
Shade of lightskyblue, Shade of lightsalmon, Shade of cornsilk, Shade of thistle, Tint of whitesmoke, Shade of Black
Color scheme was created by colorstudio

Colors codes in palette

Mid-Century OS UI Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#a8d4ff #a8d4ff RGB(168, 212, 255)Atomic Blue
#ffbaa1 #ffbaa1 RGB(255, 186, 161)Circuit Coral
#fff9d9 #fff9d9 RGB(255, 249, 217)Monitor Cream
#d8c6f7 #d8c6f7 RGB(216, 198, 247)Command Lilac
#f3f3f3 #f3f3f3 RGB(243, 243, 243)Modal Fog
#292929 #292929 RGB(41, 41, 41)Dark FrameChromaphobic Black

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#a8d4ff
#ffbaa1
1.05
#a8d4ff
#fff9d9
1.46
#a8d4ff
#d8c6f7
1.01
#a8d4ff
#f3f3f3
1.39
#ffbaa1
#fff9d9
1.54
#ffbaa1
#d8c6f7
1.04

Image palette Mid-Century OS UI Kit png