#F6EDF2 + #E5E0E2 + #D6CDD4 + #FF29BF + #BFB9BC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F6EDF2

Mauve · SeaShell · Cherry Blossom

HEX

#F6EDF2

RGB

rgb(246, 237, 242)

HSL

hsl(327, 33%, 95%)

HSB

hsb(327, 4%, 96%)

CMYK

cmyk(0%, 4%, 2%, 4%)

Oklch

oklch(95.5% 0.012 342.6)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#E5E0E2

Rouge · Lavender · Cloud White

HEX

#E5E0E2

RGB

rgb(229, 224, 226)

HSL

hsl(336, 9%, 89%)

HSB

hsb(336, 2%, 90%)

CMYK

cmyk(0%, 2%, 1%, 10%)

Oklch

oklch(91.1% 0.006 350.8)

Traditional「Rouge」· Paint「Cloud White」· Creative Silver Lining

#D6CDD4

Mauve · LightGray · Lavender

HEX

#D6CDD4

RGB

rgb(214, 205, 212)

HSL

hsl(313, 10%, 82%)

HSB

hsb(313, 4%, 84%)

CMYK

cmyk(0%, 4%, 1%, 16%)

Oklch

oklch(85.8% 0.014 333.1)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#FF29BF

Rose Purple · DeepPink · Violet

HEX

#FF29BF

RGB

rgb(255, 41, 191)

HSL

hsl(318, 100%, 58%)

HSB

hsb(318, 84%, 100%)

CMYK

cmyk(0%, 84%, 25%, 0%)

Oklch

oklch(67.9% 0.271 344.3)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#BFB9BC

Silver Gray · Silver · Pearl Gray

HEX

#BFB9BC

RGB

rgb(191, 185, 188)

HSL

hsl(330, 4%, 74%)

HSB

hsb(330, 3%, 75%)

CMYK

cmyk(0%, 3%, 2%, 25%)

Oklch

oklch(79.2% 0.008 345.4)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6EDF2

EEF6F2

Analogous

F6EEF6

F6EDF2

F6EEEE

Triadic

F6EDF2

F3F6EE

EEF3F6

Split-Comp.

F6EDF2

EEF6EE

EEF6F6

Tetradic

F6EDF2

F6F6EE

EEF6F2

EEEEF6

Contrast Matrix WCAG 2.1 Contrast

F6EDF2	E5E0E2	D6CDD4	FF29BF	BFB9BC
—	1.1 Fail	1.4 Fail	2.9 Fail	1.7 Fail
1.1 Fail	—	1.2 Fail	2.5 Fail	1.5 Fail
1.4 Fail	1.2 Fail	—	2.1 Fail	1.2 Fail
2.9 Fail	2.5 Fail	2.1 Fail	—	1.7 Fail
1.7 Fail	1.5 Fail	1.2 Fail	1.7 Fail	—

White BG

1.1Fail

1.3Fail

1.6Fail

3.3AA Large

1.9Fail

Black BG

18.3AAA

16.1AAA

13.5AAA

6.3AA

10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2F1

E3E3E2

D2D2D2

A2A09B

BCBCBB

Deuteranopia

F3F3F0

E3E4E1

D3D3D2

AFBF92

BDBDBB

Tritanopia

F6F0F0

E5E1E1

D6D1D1

F47E78

BFBBBB

Achromatopsia

F0F0F0

E2E2E2

D0D0D0

7A7A7A

BBBBBB

Shades & Tints Shades & Tints

#F6EDF2

Dark

Light

#E5E0E2

Dark

Light

#D6CDD4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6edf2;
  --color-2: #e5e0e2;
  --color-3: #d6cdd4;
  --color-4: #ff29bf;
  --color-5: #bfb9bc;
}

SCSS

$color-1: #f6edf2;
$color-2: #e5e0e2;
$color-3: #d6cdd4;
$color-4: #ff29bf;
$color-5: #bfb9bc;

TAILWIND

colors: {
  'brand-1': '#f6edf2',
  'brand-2': '#e5e0e2',
  'brand-3': '#d6cdd4',
  'brand-4': '#ff29bf',
  'brand-5': '#bfb9bc',
}

RGB Array

[246, 237, 242], [229, 224, 226], [214, 205, 212], [255, 41, 191], [191, 185, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6EDF2, #E5E0E2, #D6CDD4, #FF29BF, #BFB9BC is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f6edf2; --color-2: #e5e0e2; --color-3: #d6cdd4; --color-4: #ff29bf; --color-5: #bfb9bc. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color