Cherry Blossom Palette
CSS variables
:root {
--color-1: #FFB7C5;
--color-2: #FFD9E1;
--color-3: #F78DA7;
--color-4: #C9184A;
--color-5: #FFF0F3;
}Tailwind config
// tailwind.config.js
colors: {
"cherry-blossom-1": "#FFB7C5",
"cherry-blossom-2": "#FFD9E1",
"cherry-blossom-3": "#F78DA7",
"cherry-blossom-4": "#C9184A",
"cherry-blossom-5": "#FFF0F3",
}About this palette
The Cherry Blossom 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