What are the hex codes in the Flamingo & Raisin Tale palette?

The Flamingo & Raisin Tale color palette consists of White #FDFDFD, Ice #D3EAE8, Flamingo #FC8DBB, Raisin #0B2B2E.

How should I use the Flamingo & Raisin Tale palette on a website?

Use White #FDFDFD as the background, Raisin #0B2B2E for text, Flamingo #FC8DBB for buttons and links, and Ice #D3EAE8 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Raisin at 14.75:1.

Which colors in Flamingo & Raisin Tale have enough contrast for text?

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

#FDFDFDWhite

#D3EAE8Ice

#FC8DBBFlamingo

#0B2B2ERaisin

Flamingo & Raisin Tale color palette

Minimal White Gray Pink

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
White	`#FDFDFD`	`rgb(253, 253, 253)`	`hsl(0, 0%, 99%)`	`oklch(99.4% 0.000 0)`
Ice	`#D3EAE8`	`rgb(211, 234, 232)`	`hsl(175, 35%, 87%)`	`oklch(92.0% 0.024 190)`
Flamingo	`#FC8DBB`	`rgb(252, 141, 187)`	`hsl(335, 95%, 77%)`	`oklch(77.5% 0.143 355)`
Raisin	`#0B2B2E`	`rgb(11, 43, 46)`	`hsl(185, 61%, 11%)`	`oklch(26.7% 0.037 204)`

Why it works and how to use it

Flamingo & Raisin Tale is a complementary color palette tagged minimal, white, gray. Near-complementary hues (about 160° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Flamingo takes the lead while the rest support. Lightness runs from 11% to 99%. Well suited to websites, presentations and branding.

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

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

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

BrandFeaturesPricingBlogGet started

Design faster with Flamingo & Raisin Tale

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

#FDFDFD

#D3EAE8

#FC8DBB

#0B2B2E

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 `#0B2B2E`	Aa	14.75:1	AAA
`#D3EAE8` on `#0B2B2E`	Aa	11.94:1	AAA
`#FC8DBB` on `#0B2B2E`	Aa	6.91:1	AA
`#FDFDFD` on `#FC8DBB`	Aa	2.14:1	Fail
`#D3EAE8` on `#FC8DBB`	Aa	1.73:1	Fail
`#FDFDFD` on `#D3EAE8`	Aa	1.24:1	Fail

Similar palettes 24 more in this mood