Peachy Cream Palette
CSS variables
:root {
--color-1: #FFCFB3;
--color-2: #FFE8D6;
--color-3: #FFB088;
--color-4: #E08A5F;
--color-5: #FFF8F2;
}Tailwind config
// tailwind.config.js
colors: {
"peachy-cream-1": "#FFCFB3",
"peachy-cream-2": "#FFE8D6",
"peachy-cream-3": "#FFB088",
"peachy-cream-4": "#E08A5F",
"peachy-cream-5": "#FFF8F2",
}About this palette
The Peachy Cream 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