website
portfolio
startup
Bento Grid
Inspired by contemporary grid designs, this palette combines structured blues with a vibrant pink accent for maximum engagement.
ColorIndicator Analysis
How this palette works
Best for
- Landing pages
- Creative agency sites
- App interfaces
Mood
creative
friendly
professional
Accessibility note
Pink should be reserved for decorative accents or large text indicators to maintain robust readability.
Design note
The ultra-clean gray surface allows the high-contrast blue primary tone to guide the user's focus effortlessly.
Recommended roles
- primary
- #2563EB
- accent
- #EC4899
- background
- #FAFAFA
- text
- #18181B
- surface
- #F4F4F5
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