Created at 07/10/2025 08:39
Dark Mode Modular UI Schema
- Surface Obsidian#111111
- Component Frost#f1f5f9
- Token Cyan#00cfc1
- Variable Violet#b39ddb
- Input Slate#2c2c2c
- Response Light#ededed
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 — some muted swatches and some vivid accents.
Hues sit in a neighboring band on the wheel (loose heuristic).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #00CFC1, #111111, #2C2C2C, #B39DDB, #EDEDED, #F1F5F9
Palette Dark Mode Modular UI Schema has combination of 6 codes colors:
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
Shade of Black, Tint of aliceblue, Tint of mediumturquoise, Tint of plum, Shade of Black, Tint of whitesmoke
Color scheme was created by bad_colors
Colors 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 Obsidian | Dreamless 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 Light | White 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
Export Palette
Download the "Dark Mode Modular UI Schema" in multiple formats for seamless integration into your design projects.
Available formats: