#02151B
#2C515C
#E75100
#D6E3E7
#0E0E14Obsidian
#4A4E6ADusk
#C8CCE0Lavender Gray
#FF6129Neon Orange
Neon Orange & Dusk Dream is a complementary color palette tagged dark, minimal, black. Near-complementary hues (about 146° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
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 | #4A4E6A | rgb(74, 78, 106) | hsl(233, 18%, 35%) | oklch(43.2% 0.047 278) | |
| Lavender Gray | #C8CCE0 | rgb(200, 204, 224) | hsl(230, 28%, 83%) | oklch(84.8% 0.028 277) | |
| Neon Orange | #FF6129 | rgb(255, 97, 41) | hsl(16, 100%, 58%) | oklch(69.1% 0.203 38) |
Why it works and how to use it
With 3 chromatic colors, Neon Orange takes the lead while the rest support. Lightness runs from 7% to 83%. Well suited to 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: Neon Orange (#FF6129) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dusk (#4A4E6A) 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 Neon Orange & Dusk Dream
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
#4A4E6A
#C8CCE0
#FF6129
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 #FF6129 | Aa | 6.41:1 | AA |
#4A4E6A on #C8CCE0 | Aa | 5.09:1 | AA |
#4A4E6A on #FF6129 | Aa | 2.7:1 | Fail |
#0E0E14 on #4A4E6A | Aa | 2.37:1 | Fail |
#C8CCE0 on #FF6129 | Aa | 1.88:1 | Fail |
Similar palettes 24 more in this mood
#E8EEEE
#DD5600
#596564
#050D0D
#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#000000
#3A3A3A
#D4AF37
#F2F2F2
#370617
#9D0208
#E85D04
#FAA307
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#06141B
#314C5A
#1FA2B8
#CDE9EF
#14101F
#4D4365
#8E6BFF
#EEE9FF
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#0D1A14
#385645
#6DBF8A
#E8F3EC
#111318
#454A54
#F4A7B9
#FBFBFC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#18191A
#4F5052
#B8F53F
#F7F7F5
#141210
#4D4742
#C97B3A
#F2EAE2
#0B0A12
#393751
#A78BFA
#ECE9FE
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#E0E4E9
#BC4358
#3E5169
#090E15
#121128
#464A64
#837581
#D4CBC6
#FF9931
#6E499E
#191009
#FAF3E8
#050505
#373737
#AA5C00
#FDFDFD
#0E0E14
#3E526A
#C8CCE0
#CE62FF
#F5EDEF
#BB4770
#5A4449
#140B0D