new
agency
portfolio
website
Opal Agency
A muted slate, opal, and cream palette for calm agency websites, architecture portfolios, and polished corporate pages.
ColorIndicator Analysis
How this palette works
Best for
- Digital product agency
- Modern architecture portfolio
- High-end corporate site
Mood
calm
modern
creative
Accessibility note
Deep slate text gives the soft neutral surfaces strong readability for long-form portfolio and agency content.
Design note
Use the opal tone as a quiet accent for cards, hover states, and subtle visual separation.
Recommended roles
- primary
- #0F172A
- accent
- #B5C6C4
- background
- #F4F1ED
- text
- #0F172A
- surface
- #FFFFFF
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