Beach Palette
CSS variables
:root {
--color-1: #F6E4C8;
--color-2: #EAC8A0;
--color-3: #63C7D6;
--color-4: #1D7A8A;
--color-5: #FFFDF7;
}Tailwind config
// tailwind.config.js
colors: {
"beach-1": "#F6E4C8",
"beach-2": "#EAC8A0",
"beach-3": "#63C7D6",
"beach-4": "#1D7A8A",
"beach-5": "#FFFDF7",
}About this palette
The Beach 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