Citrus Pop Palette
CSS variables
:root {
--color-1: #FF6B35;
--color-2: #F7B801;
--color-3: #A1C349;
--color-4: #2E86AB;
--color-5: #FDF6EC;
}Tailwind config
// tailwind.config.js
colors: {
"citrus-pop-1": "#FF6B35",
"citrus-pop-2": "#F7B801",
"citrus-pop-3": "#A1C349",
"citrus-pop-4": "#2E86AB",
"citrus-pop-5": "#FDF6EC",
}About this palette
The Citrus Pop 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