featured
saas
dashboard
Vector Dark
A muted teal dark palette with rose accents for dense SaaS views and developer documentation.
ColorIndicator Analysis
How this palette works
Best for
- Complex data grid
- Database management UI
- Developer documentation
Mood
mysterious
modern
focused
Accessibility note
Vector Dark 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
The softer teal base makes dense screens easier to scan, with rose reserved for emphasis.
Recommended roles
- primary
- #5C8374
- accent
- #F43F5E
- background
- #040D12
- text
- #E2E8F0
- surface
- #183D3D
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