Flamingo Disco

retrovibrant

Click any swatch to copy its hex.

See it in place

Design that earns its keep

A tiny landing page, painted entirely with this palette so you can judge it doing real work.

Get started

Fast

Ships static, loads instantly.

Honest

Every choice explained.

Drag to place · tap to copy

How the preview picks colors: the lightest swatch becomes the page background, the darkest becomes the text, and the most vivid becomes the button. Drag a chip onto any part of the mockup to override it — your arrangement is saved into this page's URL, so copying the link shares it.

Why it works

This is a triadic scheme — pink, turquoise, and yellow spaced roughly evenly around the wheel — which is why it feels like a 1980s roller rink rather than a random neon pile. The three brights sit at similar saturation, so balance comes from area: flamingo leads, turquoise supports, sunshine appears only in sparks. Deep grape replaces black because a pure black would deaden the party; cream keeps everything legible.

Built around Hot Pink.

Use this palette

Hex values
#ff69b4, #1fb5ad, #ffd166, #fdf6ec, #3a2459
CSS custom properties
:root {
  --color-flamingo: #ff69b4;
  --color-turquoise: #1fb5ad;
  --color-sunshine: #ffd166;
  --color-cream: #fdf6ec;
  --color-grape: #3a2459;
}
Tailwind v4 theme
@theme {
  --color-flamingo: #ff69b4;
  --color-turquoise: #1fb5ad;
  --color-sunshine: #ffd166;
  --color-cream: #fdf6ec;
  --color-grape: #3a2459;
}
JSON
{
  "name": "Flamingo Disco",
  "colors": [
    {
      "hex": "#ff69b4",
      "role": "flamingo"
    },
    {
      "hex": "#1fb5ad",
      "role": "turquoise"
    },
    {
      "hex": "#ffd166",
      "role": "sunshine"
    },
    {
      "hex": "#fdf6ec",
      "role": "cream"
    },
    {
      "hex": "#3a2459",
      "role": "grape"
    }
  ]
}

Related palettes