Created at 08/08/2022 08:19
Ux design landing page dark mode web palette
- Deep Fuchsia#bf3fbf
- Medium Lavender Magenta#dd9bdd
- Vampire Black#0c040c
- AuroMetalSaurus#707681
- Metallic Silver#a9abb3
- Yankees Blue#242c3c
The palette consists of Semi dark, Light, Dark colors. Accent colors Deep Fuchsia #bf3fbf and Vampire Black #0c040c. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #0C040C (darkest) to #DD9BDD (lightest). The lightness range is wide.
Saturation sits in a moderate mid-range, averaging 31% across the palette.
Hues sit in a neighboring band on the wheel, spanning about 80° (loose heuristic).
Overall temperature among swatches leans cool (3 of 6).
HEX codes (sorted): #0C040C, #242C3C, #707681, #A9ABB3, #BF3FBF, #DD9BDD
Palette Ux design landing page dark mode web palette has combination of 6 codes colors:
HEX: #bf3fbf, RGB: (191, 63, 191); HEX: #dd9bdd, RGB: (221, 155, 221); HEX: #0c040c, RGB: (12, 4, 12)
HEX: #707681, RGB: (112, 118, 129); HEX: #a9abb3, RGB: (169, 171, 179); HEX: #242c3c, RGB: (36, 44, 60)
Simplified version of palette colors
Tint of mediumorchid, Tint of plum, Shade of Black, Tint of slategrey, Shade of darkgrey, Shade of Black
Color scheme was created by colorswall
Colors codes in palette
Ux design landing page dark mode web palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #bf3fbf | #bf3fbf | RGB(191, 63, 191) | Deep Fuchsia | — |
| #dd9bdd | #dd9bdd | RGB(221, 155, 221) | Medium Lavender Magenta | — |
| #0c040c | #0c040c | RGB(12, 4, 12) | Vampire Black | — |
| #707681 | #707681 | RGB(112, 118, 129) | AuroMetalSaurus | — |
| #a9abb3 | #a9abb3 | RGB(169, 171, 179) | Metallic Silver | — |
| #242c3c | #242c3c | RGB(36, 44, 60) | Yankees Blue | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#bf3fbf | #707681 | 1.01 |
#bf3fbf | #a9abb3 | 1.95 |
#dd9bdd | #a9abb3 | 1.07 |
#0c040c | #242c3c | 1.44 |
#707681 | #a9abb3 | 1.99 |
Image palette Ux design landing page dark mode web palette png
Export Palette
Download the "Ux design landing page dark mode web palette" in multiple formats for seamless integration into your design projects.
Available formats: