Primary
Core brand colors for main UI elements and key actions
Secondary
Supporting colors for secondary actions and highlights
Accent
Eye-catching colors for special elements and notifications
Neutral
Background and text colors for UI structure
Suggested Gradients
Beautiful gradient combinations using your palette
Primary Gradient
Ocean Sunset
Soft Bloom
Deep Night
Accessibility Pairings
WCAG compliant text and background combinations
Aa
Primary Text
#fefeff + #290e98
Aa
Primary Button
#7d71f7 + #fefeff
Aa
Card Content
#ebe4f9 + #290e98
Aa
Dark Mode
#290e98 + #fefeff
Aa
Info Badge
#63c1ed + #290e98
Aa
Subtle Accent
#f1f1f1 + #8349b8