#D069A0 + #DE91A4 + #C2C3B7 + #C6D6B5 + #D7D3C2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D069A0

Mauve · LightCoral · Rose Pink

HEX

#D069A0

RGB

rgb(208, 105, 160)

HSL

hsl(328, 52%, 61%)

HSB

hsb(328, 50%, 82%)

CMYK

cmyk(0%, 50%, 23%, 18%)

Oklch

oklch(65.7% 0.144 348.5)

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

#DE91A4

Peach Pink · LightCoral · Coral Red

HEX

#DE91A4

RGB

rgb(222, 145, 164)

HSL

hsl(345, 54%, 72%)

HSB

hsb(345, 35%, 87%)

CMYK

cmyk(0%, 35%, 26%, 13%)

Oklch

oklch(73.9% 0.096 3.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C2C3B7

Fresh Green · Silver · Pearl Gray

HEX

#C2C3B7

RGB

rgb(194, 195, 183)

HSL

hsl(65, 9%, 74%)

HSB

hsb(65, 6%, 76%)

CMYK

cmyk(1%, 0%, 6%, 24%)

Oklch

oklch(81.3% 0.017 110.6)

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

#C6D6B5

Willow Green · Silver · Apple Green

HEX

#C6D6B5

RGB

rgb(198, 214, 181)

HSL

hsl(89, 29%, 77%)

HSB

hsb(89, 15%, 84%)

CMYK

cmyk(7%, 0%, 15%, 16%)

Oklch

oklch(85.5% 0.048 128.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#D7D3C2

Goose Yellow · LightGray · Lemon Cream

HEX

#D7D3C2

RGB

rgb(215, 211, 194)

HSL

hsl(49, 21%, 80%)

HSB

hsb(49, 10%, 84%)

CMYK

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

Oklch

oklch(86.5% 0.023 96.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D069A0

68CF98

Analogous

CC68CF

D069A0

CF686B

Triadic

D069A0

9FCF68

689FCF

Split-Comp.

D069A0

6BCF68

68CFCC

Tetradic

D069A0

CFCC68

68CF98

686BCF

Contrast Matrix WCAG 2.1 Contrast

D069A0	DE91A4	C2C3B7	C6D6B5	D7D3C2
—	1.4 Fail	1.9 Fail	2.2 Fail	2.3 Fail
1.4 Fail	—	1.4 Fail	1.6 Fail	1.6 Fail
1.9 Fail	1.4 Fail	—	1.2 Fail	1.2 Fail
2.2 Fail	1.6 Fail	1.2 Fail	—	1.0 Fail
2.3 Fail	1.6 Fail	1.2 Fail	1.0 Fail	—

White BG

3.4AA Large

2.4Fail

1.8Fail

1.5Fail

Black BG

6.2AA

8.7AAA

11.8AAA

13.7AAA

14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A293

BDBC9F

C2C2BA

CDCDBD

D5D5C6

Deuteranopia

A9B190

C1C79E

C2C2BB

CCCBBF

D6D6C7

Tritanopia

CB8886

DA9C9B

C2BCBD

C7C3C5

D7C9CA

Achromatopsia

8E8E8E

AAAAAA

C1C1C1

CDCDCD

D2D2D2

Shades & Tints Shades & Tints

#D069A0

Dark

Light

#DE91A4

Dark

Light

#C2C3B7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d069a0;
  --color-2: #de91a4;
  --color-3: #c2c3b7;
  --color-4: #c6d6b5;
  --color-5: #d7d3c2;
}

SCSS

$color-1: #d069a0;
$color-2: #de91a4;
$color-3: #c2c3b7;
$color-4: #c6d6b5;
$color-5: #d7d3c2;

TAILWIND

colors: {
  'brand-1': '#d069a0',
  'brand-2': '#de91a4',
  'brand-3': '#c2c3b7',
  'brand-4': '#c6d6b5',
  'brand-5': '#d7d3c2',
}

RGB Array

[208, 105, 160], [222, 145, 164], [194, 195, 183], [198, 214, 181], [215, 211, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D069A0, #DE91A4, #C2C3B7, #C6D6B5, #D7D3C2 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: #d069a0; --color-2: #de91a4; --color-3: #c2c3b7; --color-4: #c6d6b5; --color-5: #d7d3c2. 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