Created at 08/13/2025 05:56
Dark Mode UI Pattern Architect
- Pattern Teal#00bfa5
- Contrast Red#ff1744
- Typography White#fafafa
- Panel Grey#616161
- Highlight Yellow#ffd600
- Menu Black#121212
- Accent Blue#2979ff
- Focus Pink#ff80ab
The palette consists of Light, Semi dark, Dark colors. Accent colors Pattern Teal #00bfa5 and Highlight Yellow #ffd600. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #121212 (darkest) to #FAFAFA (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 warm.
HEX codes (sorted): #00BFA5, #121212, #2979FF, #616161, #FAFAFA, #FF1744, #FF80AB, #FFD600
Palette Dark Mode UI Pattern Architect has combination of 8 codes colors:
HEX: #00bfa5, RGB: (0, 191, 165); HEX: #ff1744, RGB: (255, 23, 68); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #616161, RGB: (97, 97, 97); HEX: #ffd600, RGB: (255, 214, 0); HEX: #121212, RGB: (18, 18, 18)
HEX: #2979ff, RGB: (41, 121, 255); HEX: #ff80ab, RGB: (255, 128, 171)
Simplified version of palette colors
Tint of lightseagreen, Shade of crimson, Shade of whitesmoke, Tint of dimgrey, Tint of gold, Shade of Black, Shade of royalblue, Shade of hotpink
Color scheme was created by colorday
Colors codes in palette
Dark Mode UI Pattern Architect color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #00bfa5 | #00bfa5 | RGB(0, 191, 165) | Pattern Teal | — |
| #ff1744 | #ff1744 | RGB(255, 23, 68) | Contrast Red | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Typography White | Dr. White |
| #616161 | #616161 | RGB(97, 97, 97) | Panel Grey | Gray38 |
| #ffd600 | #ffd600 | RGB(255, 214, 0) | Highlight Yellow | — |
| #121212 | #121212 | RGB(18, 18, 18) | Menu Black | Dark Tone Ink |
| #2979ff | #2979ff | RGB(41, 121, 255) | Accent Blue | — |
| #ff80ab | #ff80ab | RGB(255, 128, 171) | Focus Pink | — |
Color Palette Contrast
11 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#00bfa5 | #ff1744 | 1.64 |
#00bfa5 | #ffd600 | 1.65 |
#00bfa5 | #2979ff | 1.7 |
#00bfa5 | #ff80ab | 1 |
#ff1744 | #616161 | 1.6 |
#ff1744 | #2979ff | 1.03 |
Image palette Dark Mode UI Pattern Architect png
Export Palette
Download the "Dark Mode UI Pattern Architect" in multiple formats for seamless integration into your design projects.
Available formats: