Created at 07/11/2025 09:57
Dark Mode Systems UI Kit
Syntax Orange
#ffa630
Cognitive Graphite
#2e2e2e
Protocol Blue
#3a7ca5
Highlight Ivory
#f4f4f4
Model Matrix Pink
#ff6f91
Deep Depth Navy
#162447
The palette consists of Light, Dark colors. Accent colors Syntax Orange #ffa630 and Deep Depth Navy #162447. Palette has Warm, Neutral, Cool colors temperature.
Palette Dark Mode Systems UI Kit has combination of 6 codes colors:
HEX: #ffa630, RGB: (255, 166, 48); HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #3a7ca5, RGB: (58, 124, 165)
HEX: #f4f4f4, RGB: (244, 244, 244); HEX: #ff6f91, RGB: (255, 111, 145); HEX: #162447, RGB: (22, 36, 71)
Simplified version of palette colors
Shade of Orange, Shade of Black, Tint of steelblue, Tint of whitesmoke, Shade of palevioletred, Shade of midnightblue
Color scheme was created by colorstudio
Colors codes in palette
Dark Mode Systems UI Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffa630 | #ffa630 | RGB(255, 166, 48) | Syntax Orange | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Cognitive Graphite | Carbon Fiber |
| #3a7ca5 | #3a7ca5 | RGB(58, 124, 165) | Protocol Blue | — |
| #f4f4f4 | #f4f4f4 | RGB(244, 244, 244) | Highlight Ivory | — |
| #ff6f91 | #ff6f91 | RGB(255, 111, 145) | Model Matrix Pink | — |
| #162447 | #162447 | RGB(22, 36, 71) | Deep Depth Navy | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffa630 | #f4f4f4 | 1.77 |
#ffa630 | #ff6f91 | 1.35 |
#2e2e2e | #162447 | 1.12 |
#3a7ca5 | #ff6f91 | 1.72 |
Image palette Dark Mode Systems UI Kit png
Export Palette
Download the "Dark Mode Systems UI Kit" in multiple formats for seamless integration into your design projects.
Available formats: