Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Hot Pink | #FF64A6 | rgb(255, 100, 166) | hsl(334, 100%, 70%) | oklch(71.8% 0.198 357) | |
| Flamingo | #FF9FCA | rgb(255, 159, 202) | hsl(333, 100%, 81%) | oklch(81.2% 0.125 352) | |
| Petal | #FFDBE0 | rgb(255, 219, 224) | hsl(352, 100%, 93%) | oklch(92.3% 0.040 8) | |
| Snow | #FFF8FA | rgb(255, 248, 250) | hsl(343, 100%, 99%) | oklch(98.5% 0.008 358) |
Why it works and how to use it
Hot Hot Pink & Flamingo is a vivid light, monochromatic color palette tagged kids, warm, pink. All four colors sit within 19° of hue, so the scheme reads as one color explored across light and dark. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.
With 3 chromatic colors, Flamingo takes the lead while the rest support. Lightness runs from 70% to 99%. Well suited to children's products and playful apps.
- Background: Snow (#FFF8FA) is the lightest color, so it belongs on large surfaces.
- Text: Hot Pink (#FF64A6) on #FFF8FA gives 2.63:1, so pair it with a darker neutral for body copy.
- Primary: Flamingo (#FF9FCA) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Petal (#FFDBE0) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
Design faster with Hot Hot Pink & Flamingo
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryColor blindness simulation
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Palette card

Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#FF64A6 on #FFF8FA | Aa | 2.63:1 | Fail |
#FF64A6 on #FFDBE0 | Aa | 2.16:1 | Fail |
#FF9FCA on #FFF8FA | Aa | 1.81:1 | Fail |
#FF9FCA on #FFDBE0 | Aa | 1.49:1 | Fail |
#FF64A6 on #FF9FCA | Aa | 1.45:1 | Fail |
#FFDBE0 on #FFF8FA | Aa | 1.22:1 | Fail |