Premium, dramatic, focused, and expressive.
The restrained neutral base allows blue and violet accents to feel intentional rather than noisy.
Dark · Curated palette
Obsidian Product Dark Color Palette
A premium near-black software palette with layered charcoal surfaces, electric blue actions, and violet secondary emphasis.
#050505#131316#2A2A31#3B82F6#A78BFA- Premium software
- Creative tools
- AI products
- Media and portfolio interfaces
- Accessibility-first data products without adding explicit status colors
- Print layouts with large near-black coverage
Color values
HEX, RGB, OKLCH, CPS, and CMYK planning values.
CMYK values are generic planning approximations. Final print output requires a target ICC profile and physical proof.
| Color | HEX | RGB | OKLCH | CMYK approximation | Nearest CPS |
|---|---|---|---|---|---|
#050505 | 5, 5, 5 | oklch(11.5% 0 255) | 0% / 0% / 0% / 98% | CPS 33950NΔE00 2.41 | |
#131316 | 19, 19, 22 | oklch(18.8% 0.006 286) | 14% / 14% / 0% / 91% | CPS 36950NΔE00 1.83 | |
#2A2A31 | 42, 42, 49 | oklch(28.8% 0.013 286) | 14% / 14% / 0% / 81% | CPS 36900NΔE00 3.25 | |
#3B82F6 | 59, 130, 246 | oklch(62.3% 0.188 260) | 76% / 47% / 0% / 4% | CPS 23400EΔE00 2.43 | |
#A78BFA | 167, 139, 250 | oklch(70.9% 0.159 294) | 33% / 44% / 0% / 2% | CPS 25400VΔE00 3.46 |
Semantic role mapping
Give every color a stable job.
This role map is a practical starting point. Validate it against the real components, text sizes, and interaction states in your product.
Main dark background
Panels and navigation
Dialogs and selected cards
Buttons and focus
Creative emphasis and secondary selection
Context previews
Review the palette in light, dark, and mobile UI.
These previews reveal role assumptions that are invisible in a simple swatch strip.
Obsidian ProductOverviewProjects
Primary metric24,680
Latest activity
Role-based color preview
ReadyDark contextDashboardSettings
Selected stateColor system
Focus and status
Check the real relationships
ActiveObsidian Product•••
Mobile previewBuild with roles
Test text, controls, and states before export.
Important foreground and background pairs.
AaBlue link on obsidian canvas#3B82F6 on #0505055.54:1AA normal text
AaViolet accent on panel#A78BFA on #1313166.81:1AA normal text
AaDark label on bright blue#050505 on #3B82F65.54:1AA normal text
AaDark label on violet#050505 on #A78BFA7.49:1AA normal text
Accessibility notes
- Add a dedicated light text token; the palette intentionally focuses on surfaces and accents.
- Blue and violet states need distinct labels or icons where they carry different meanings.
- Do not use subtle charcoal differences as the only focus indicator.
Color-vision note
Blue and violet may become less distinct in some contexts; combine them with shape, location, or labels.
Print note
Dark solids and metallic-looking gold alternatives require a production-specific print plan; CMYK values are generic approximations.
Related palettes
Midnight UI Dark Color Palette
Startup Launch Color Palette
Modern Tech Color Palette