#E5E0DA
#CF63FF
#564733
#140E05
#0E0E14Obsidian
#3E526ADusk
#C8CCE0Lavender Gray
#CE62FFOrchid
Volt Orchid & Dusk is a analogous color palette tagged dark, neon, minimal. Analogous neighbors on the wheel (Dusk, Lavender Gray, Orchid) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Obsidian | #0E0E14 | rgb(14, 14, 20) | hsl(240, 18%, 7%) | oklch(16.7% 0.012 285) | |
| Dusk | #3E526A | rgb(62, 82, 106) | hsl(213, 26%, 33%) | oklch(43.2% 0.047 253) | |
| Lavender Gray | #C8CCE0 | rgb(200, 204, 224) | hsl(230, 28%, 83%) | oklch(84.8% 0.028 277) | |
| Orchid | #CE62FF | rgb(206, 98, 255) | hsl(281, 100%, 69%) | oklch(69.1% 0.235 314) |
Why it works and how to use it
It works because the lightness range is wide (7% to 83%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Lavender Gray (#C8CCE0) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#0E0E14) on #C8CCE0 gives 12.06:1, passing WCAG AAA.
- Primary: Orchid (#CE62FF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dusk (#3E526A) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Lavender Gray at 12.06:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Volt Orchid & Dusk
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#0E0E14
#3E526A
#C8CCE0
#CE62FF
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#0E0E14 on #C8CCE0 | Aa | 12.06:1 | AAA |
#0E0E14 on #CE62FF | Aa | 6.24:1 | AA |
#3E526A on #C8CCE0 | Aa | 5.03:1 | AA |
#3E526A on #CE62FF | Aa | 2.6:1 | Fail |
#0E0E14 on #3E526A | Aa | 2.4:1 | Fail |
#C8CCE0 on #CE62FF | Aa | 1.93:1 | Fail |
Similar palettes 24 more in this mood
#111111
#424242
#E444BE
#FAFAFA
#DFDEE3
#C8C1D7
#6303CC
#0A0717
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#14101F
#4D4365
#8E6BFF
#EEE9FF
#F0F0F0
#7454DD
#574F44
#0E0E0E
#E5E6E6
#F61061
#4E5756
#0E0F0F
#EFEFEF
#A22DE0
#6A5F52
#222221
#0D0221
#5A189A
#39FF14
#FF8C00
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#0D1A14
#385645
#BA98E3
#E8F3EC
#050505
#373737
#CF0070
#FDFDFD
#1D1226
#534A60
#AD48C7
#F8FAFC
#12071A
#582C66
#FF2E9A
#FFD1E8
#13111A
#4B4659
#8B7ECC
#EDEBF7
#050505
#373737
#3D5AFE
#FFFFFF
#000000
#3A3A3A
#C29DFD
#F2F2F2
#FDFDFD
#737373
#1800A7
#050505
#030306
#393C57
#A9ADC1
#D700B3
#0E0E14
#4A4E6A
#C8CCE0
#FF2BD6
#EDE8FF
#927AFF
#7F2BC5
#110818
#04020C
#332949
#734CDE
#D3CEE3
#040404
#313131
#E20C20
#E2E2E2