Generate Palette
  1. Color Palettes
  2. Dark Mode Modular UI Schema

Dark Mode Modular UI Schema

  • Surface Obsidian
    #111111
  • Component Frost
    #f1f5f9
  • Token Cyan
    #00cfc1
  • Variable Violet
    #b39ddb
  • Input Slate
    #2c2c2c
  • Response Light
    #ededed
  1
Created at 07/10/2025 08:39
bybad_colors
The palette consists of Dark, Light colors. Accent colors Token Cyan #00cfc1 and Response Light #ededed. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #111111 (darkest) to #F1F5F9 (lightest). The lightness range is wide.

Saturation is mixed — 3 muted and 1 vivid out of 6 colors.

The hues stay in one region of the color wheel, spanning about 85°.

Most swatches read as neutral in color temperature (4 of 6).

HEX codes (sorted): #00CFC1, #111111, #2C2C2C, #B39DDB, #EDEDED, #F1F5F9

Palette Dark Mode Modular UI Schema combines 6 color codes:
HEX: #111111, RGB: (17, 17, 17); HEX: #f1f5f9, RGB: (241, 245, 249); HEX: #00cfc1, RGB: (0, 207, 193)
HEX: #b39ddb, RGB: (179, 157, 219); HEX: #2c2c2c, RGB: (44, 44, 44); HEX: #ededed, RGB: (237, 237, 237)
Simplified version of palette colors
Tint of Black, Shade of aliceblue, Shade of mediumturquoise, Shade of plum, Tint of Black, Shade of whitesmoke
Color scheme was created by bad_colors

Color codes in palette

Dark Mode Modular UI Schema color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#111111 #111111 RGB(17, 17, 17)Surface ObsidianDreamless Sleep
#f1f5f9 #f1f5f9 RGB(241, 245, 249)Component Frost—
#00cfc1 #00cfc1 RGB(0, 207, 193)Token Cyan—
#b39ddb #b39ddb RGB(179, 157, 219)Variable Violet—
#2c2c2c #2c2c2c RGB(44, 44, 44)Input Slate—
#ededed #ededed RGB(237, 237, 237)Response LightWhite Edgar

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#111111
#2c2c2c
1.35
#f1f5f9
#00cfc1
1.79
#f1f5f9
#ededed
1.06
#00cfc1
#b39ddb
1.22
#00cfc1
#ededed
1.67

Image palette Dark Mode Modular UI Schema png

Dark Mode Modular UI Schema - #554544
 Download image