Gradient Color Palette
Vibrant purples flowing into warm pinks and peach create a smooth, eye-catching gradient effect. This flowing palette drives modern app backgrounds, social media graphics, and hero sections.
#6366F1
Pale Indigo
RGB(99, 102, 241)
HSL(239, 84%, 67%)
#8B5CF6
Pale Indigo
RGB(139, 92, 246)
HSL(258, 90%, 66%)
#A855F7
Vivid Violet
RGB(168, 85, 247)
HSL(271, 91%, 65%)
#D946EF
Vivid Purple
RGB(217, 70, 239)
HSL(292, 84%, 61%)
#EC4899
Vivid Magenta
RGB(236, 72, 153)
HSL(330, 81%, 60%)
#F97316
Vivid Vermilion
RGB(249, 115, 22)
HSL(25, 95%, 53%)
lightbulbBest Use Cases
- checkApp backgrounds
- checkSocial media graphics
- checkHero sections
businessIndustries
- checkTechnology
- checkSocial Media
Mood:flowing
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #6366F1;
--color-2: #8B5CF6;
--color-3: #A855F7;
--color-4: #D946EF;
--color-5: #EC4899;
--color-6: #F97316;
}Tailwind CSS Config
colors: {
'gradient-palette-1': '#6366F1',
'gradient-palette-2': '#8B5CF6',
'gradient-palette-3': '#A855F7',
'gradient-palette-4': '#D946EF',
'gradient-palette-5': '#EC4899',
'gradient-palette-6': '#F97316',
}gradientflowingvibrantmoderneye-catching
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free