pastelwarmmonochrome
Flamingo Beach Color Palette
Flamingo Beach is a pastel, warm and monochrome color palette of 5 colors: Watermelon (#ff5d8f), Flamingo (#ff97b7), Light Pink (#ffacc5), Bubblegum (#ffcad4) and Light Pink (#f4acb7). Its dominant hue is pink.
The darkest color, Watermelon, on the lightest, Bubblegum, gives a 2.03:1 contrast ratio — too low for text, so pair it with white or black. No pair in it passes AA for normal text, so use it for fills and accents. Watermelon (#ff5d8f) is its most saturated color and a natural choice for buttons and links.
Colors
- Watermelon
- Flamingo
- Light Pink
- Bubblegum
- Light Pink
CSS Output
:root {
--flamingo-beach-1: #ff5d8f;
--flamingo-beach-2: #ff97b7;
--flamingo-beach-3: #ffacc5;
--flamingo-beach-4: #ffcad4;
--flamingo-beach-5: #f4acb7;
}Flamingo Beach on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
No two colors in this palette reach 3:1, so use them for fills and accents and set text in white or black.