Royal Purple Palette
CSS variables
:root {
--color-1: #2E1065;
--color-2: #5B21B6;
--color-3: #8B5CF6;
--color-4: #C4B5FD;
--color-5: #F5F3FF;
}Tailwind config
// tailwind.config.js
colors: {
"royal-purple-1": "#2E1065",
"royal-purple-2": "#5B21B6",
"royal-purple-3": "#8B5CF6",
"royal-purple-4": "#C4B5FD",
"royal-purple-5": "#F5F3FF",
}About this palette
The Royal Purple palette is a curated set of 5 colors with their HEX, RGB and ready CSS-variable and Tailwind exports. Click any swatch for that color's full breakdown — conversions, contrast and harmonies.
More palettes