dashboard
website
mobile-app
Eclipse Metrics
A midnight violet and orange palette for active dashboards, gaming UI, and live analytics.
ColorIndicator Analysis
How this palette works
Best for
- Performance monitoring panel
- Mobile gaming interface
- Live analytics tracker
Mood
intense
bold
creative
Accessibility note
Eclipse Metrics uses light text over dark surfaces with bright accents for actions, states, and data highlights. Check final contrast when pairing accent colors with small text.
Design note
Orange should be used for active states and alerts, while violet carries the main layout.
Recommended roles
- primary
- #F97316
- accent
- #FDBA74
- background
- #0A0514
- text
- #F3E8FF
- surface
- #4C1D95
Live Preview
See the palette in context
ColorIndicatorMenu
Build better color systems
Create clear, consistent interfaces with a palette built for real products.
Start buildingWebsite Hero
OverviewThis month
Revenue
$24.8k
Growth
+18%
Dashboard
My wallet•••
Available balance
$8,420.50
SendRequest
Mobile App
Keep exploring