What are the hex codes in the Café Flamingo & Mauve palette?

The Café Flamingo & Mauve color palette consists of Mauve #D1B1F6, Flamingo #DD8DB4, Chestnut #8B4537, Licorice #271700.

How should I use the Café Flamingo & Mauve palette on a website?

Use Mauve #D1B1F6 as the background, Licorice #271700 for text, Flamingo #DD8DB4 for buttons and links, and Chestnut #8B4537 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Mauve on Licorice at 9.37:1.

Which colors in Café Flamingo & Mauve have enough contrast for text?

The highest-contrast pair is #D1B1F6 on #271700 with a ratio of 9.37:1, which passes WCAG AA for normal text.

#D1B1F6Mauve

#DD8DB4Flamingo

#8B4537Chestnut

#271700Licorice

Café Flamingo & Mauve color palette

Dark Purple Black

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Mauve	`#D1B1F6`	`rgb(209, 177, 246)`	`hsl(268, 79%, 83%)`	`oklch(81.2% 0.101 305)`
Flamingo	`#DD8DB4`	`rgb(221, 141, 180)`	`hsl(331, 54%, 71%)`	`oklch(73.7% 0.108 349)`
Chestnut	`#8B4537`	`rgb(139, 69, 55)`	`hsl(10, 43%, 38%)`	`oklch(47.5% 0.099 33)`
Licorice	`#271700`	`rgb(39, 23, 0)`	`hsl(35, 100%, 8%)`	`oklch(22.1% 0.046 75)`

Why it works and how to use it

Café Flamingo & Mauve is a vivid split color palette tagged dark, purple, black. A split scheme: Mauve plays against Chestnut across roughly 102° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

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

Background: Mauve (#D1B1F6) is the lightest color, so it belongs on large surfaces.
Text: Licorice (#271700) on #D1B1F6 gives 9.37:1, passing WCAG AAA.
Primary: Flamingo (#DD8DB4) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Chestnut (#8B4537) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Mauve on Licorice at 9.37:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Café Flamingo & Mauve

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

#D1B1F6

#DD8DB4

#8B4537

#271700

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
`#D1B1F6` on `#271700`	Aa	9.37:1	AAA
`#DD8DB4` on `#271700`	Aa	7.07:1	AAA
`#D1B1F6` on `#8B4537`	Aa	3.77:1	AA large only
`#DD8DB4` on `#8B4537`	Aa	2.84:1	Fail
`#8B4537` on `#271700`	Aa	2.49:1	Fail
`#D1B1F6` on `#DD8DB4`	Aa	1.33:1	Fail

:root {
  --mauve: #D1B1F6;
  --flamingo: #DD8DB4;
  --chestnut: #8B4537;
  --licorice: #271700;
}

$mauve: #D1B1F6;
$flamingo: #DD8DB4;
$chestnut: #8B4537;
$licorice: #271700;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'mauve': '#D1B1F6',
        'flamingo': '#DD8DB4',
        'chestnut': '#8B4537',
        'licorice': '#271700',
      },
    },
  },
};

{
  "name": "Café Flamingo & Mauve",
  "colors": [
    "#D1B1F6",
    "#DD8DB4",
    "#8B4537",
    "#271700"
  ]
}

background: linear-gradient(135deg, #D1B1F6, #DD8DB4, #8B4537, #271700);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-01-31 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood