Theme Builder
Create your own color system with perfect scaling for light and dark modes.
Primary Secondary Outline Subtle Pill Status
Tooltip information
Accent tooltip
Card Title
Card with custom colors based on your selected scheme.
Elevated Card
Card with custom shadow and accent highlight.
00:03:45
"Design is not just what it looks like and feels like. Design is how it works. — Steve Jobs"
Audio Track
0:45 / 3:30
JD
User Profile
Designer
Created 15 projects with 5 team members recently.
Seamless Integration
Connect with your favorite tools and services with just a few clicks.
This is a rich text editor with custom styling.
You can format text with bold, italic, or underline.
Smart Analytics
Get detailed insights and reports to help you make better decisions.
Accent Color Scale Reference
| Step | Preview | Hex | HSL | Actions |
|---|
Base Color Scale Reference
| Step | Preview | Hex | HSL | Actions |
|---|