COLOR PREVIEW
TEST YOUR COLORS IN THE REAL WORLD
Duo Pro Preview
REAL-WORLD COMPONENTS
PRIMARY ACTION
GHOST VARIANT
TYPOGRAPHY
Rounded Headlines
This is how your primary brand color looks on body text. It should be legible and vibrant!
CARD COMPONENT
Color Pro Card
Interactive UI Element
→
CONTROL CENTER
CONTRASTLIGHT TEXT
SAMPLE TEXT
PRO TIPS
Test your colors on both dark and light components to ensure perfect accessibility across your entire app!