#111111
#424242
#FF3B3B
#FAFAFA
#E3DCDEBallet
#CDB8C0Silver
#BF005FMagenta
#17060EObsidian
Neon Magenta & Obsidian is a neutral-based color palette tagged modern, minimal, gray. Magenta is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Ballet | #E3DCDE | rgb(227, 220, 222) | hsl(343, 11%, 88%) | oklch(90.1% 0.008 358) | |
| Silver | #CDB8C0 | rgb(205, 184, 192) | hsl(337, 17%, 76%) | oklch(80.3% 0.026 353) | |
| Magenta | #BF005F | rgb(191, 0, 95) | hsl(330, 100%, 37%) | oklch(52.0% 0.210 2) | |
| Obsidian | #17060E | rgb(23, 6, 14) | hsl(332, 59%, 6%) | oklch(15.5% 0.035 351) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Magenta to lead. Lightness runs from 6% to 88%. Well suited to websites, presentations and branding.
- Background: Ballet (#E3DCDE) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#17060E) on #E3DCDE gives 14.56:1, passing WCAG AAA.
- Primary: Magenta (#BF005F) is the most saturated mid-tone; use it for buttons and links (4.6:1 against the background, fine for UI elements).
- Accent: Silver (#CDB8C0) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ballet on Obsidian at 14.56:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Neon Magenta & Obsidian
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
#E3DCDE
#CDB8C0
#BF005F
#17060E
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E3DCDE on #17060E | Aa | 14.56:1 | AAA |
#CDB8C0 on #17060E | Aa | 10.49:1 | AAA |
#E3DCDE on #BF005F | Aa | 4.6:1 | AA |
#CDB8C0 on #BF005F | Aa | 3.32:1 | AA large only |
#BF005F on #17060E | Aa | 3.16:1 | AA large only |
#E3DCDE on #CDB8C0 | Aa | 1.39:1 | Fail |
Similar palettes 24 more in this mood
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#FFFFFF
#E4E4E3
#F59E0B
#1C1917
#FFF7F9
#EED8E0
#E11D74
#2B1720
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#0A1A1E
#648691
#EED200
#D8E2E5
#DDDEE2
#00C463
#676C7C
#17191F
#E5E6E6
#F61061
#4E5756
#0E0F0F
#09130F
#647970
#704FEE
#E4EBE7
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#E8EEEE
#DD5600
#596564
#050D0D
#121214
#5D6064
#B3CCFF
#E6EEFF
#E9E9E9
#CACAC9
#D88A00
#0A0806
#050F29
#E08F00
#CBCBCB
#E7E7E7
#D1D2D4
#B0B3B8
#0C37C1
#01030D
#09090C
#3C3C44
#CF6274
#DADADC
#E3E1E0
#CEC2BD
#DF5146
#101A23
#FFF7F9
#EED8E0
#B341D6
#221A2B
#DBD8D4
#CBC0B6
#B14A27
#1E1612
#FDFDFD
#E4E4E3
#84CA57
#1C1917
#040404
#313131
#E20C20
#E2E2E2
#181818
#7C807D
#92FFCE
#FDFDFF
#FAFAFA
#919191
#81000C
#111111
#EDEEF0
#C9CCD1
#7A5A00
#0B1220