What are the hex codes in the Flamingo & Baby Pink Story palette?

The Flamingo & Baby Pink Story color palette consists of Flamingo #FF91B3, Baby Pink #FFC8C1, White #FDFDFD, Raisin #1B1B1B.

How should I use the Flamingo & Baby Pink Story palette on a website?

Use White #FDFDFD as the background, Raisin #1B1B1B for text, Flamingo #FF91B3 for buttons and links, and Baby Pink #FFC8C1 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Raisin at 16.93:1.

Which colors in Flamingo & Baby Pink Story have enough contrast for text?

The highest-contrast pair is #FDFDFD on #1B1B1B with a ratio of 16.93:1, which passes WCAG AA for normal text.

#FF91B3Flamingo

#FFC8C1Baby Pink

#FDFDFDWhite

#1B1B1BRaisin

Flamingo & Baby Pink Story color palette

Warm Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Flamingo	`#FF91B3`	`rgb(255, 145, 179)`	`hsl(341, 100%, 78%)`	`oklch(78.3% 0.137 1)`
Baby Pink	`#FFC8C1`	`rgb(255, 200, 193)`	`hsl(7, 100%, 88%)`	`oklch(88.0% 0.064 27)`
White	`#FDFDFD`	`rgb(253, 253, 253)`	`hsl(0, 0%, 99%)`	`oklch(99.4% 0.000 0)`
Raisin	`#1B1B1B`	`rgb(27, 27, 27)`	`hsl(0, 0%, 11%)`	`oklch(22.2% 0.000 0)`

Why it works and how to use it

Flamingo & Baby Pink Story is an analogous color palette tagged warm, pink, white. Analogous neighbors on the wheel (Flamingo, Baby Pink) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (99% down to 11% lightness). A natural fit for websites, presentations and branding.

Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#1B1B1B) on #FDFDFD gives 16.93:1, passing WCAG AAA.
Primary: Flamingo (#FF91B3) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Baby Pink (#FFC8C1) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Raisin at 16.93:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Flamingo & Baby Pink Story

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#FF91B3

#FFC8C1

#FDFDFD

#1B1B1B

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
`#FDFDFD` on `#1B1B1B`	Aa	16.93:1	AAA
`#FFC8C1` on `#1B1B1B`	Aa	11.72:1	AAA
`#FF91B3` on `#1B1B1B`	Aa	8.16:1	AAA
`#FF91B3` on `#FDFDFD`	Aa	2.07:1	Fail
`#FFC8C1` on `#FDFDFD`	Aa	1.45:1	Fail
`#FF91B3` on `#FFC8C1`	Aa	1.44:1	Fail

:root {
  --flamingo: #FF91B3;
  --baby-pink: #FFC8C1;
  --white: #FDFDFD;
  --raisin: #1B1B1B;
}

$flamingo: #FF91B3;
$baby-pink: #FFC8C1;
$white: #FDFDFD;
$raisin: #1B1B1B;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'flamingo': '#FF91B3',
        'baby-pink': '#FFC8C1',
        'white': '#FDFDFD',
        'raisin': '#1B1B1B',
      },
    },
  },
};

{
  "name": "Flamingo & Baby Pink Story",
  "colors": [
    "#FF91B3",
    "#FFC8C1",
    "#FDFDFD",
    "#1B1B1B"
  ]
}

background: linear-gradient(135deg, #FF91B3, #FFC8C1, #FDFDFD, #1B1B1B);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-07-18 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood