#D9D5E3 + #C7C37A + #F97FCA + #FF4D63 + #9A7A89 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D9D5E3

Wisteria · LightGray · Sky Blue

HEX

#D9D5E3

RGB

rgb(217, 213, 227)

HSL

hsl(257, 20%, 86%)

HSB

hsb(257, 6%, 89%)

CMYK

cmyk(4%, 6%, 0%, 11%)

Oklch

oklch(88.0% 0.019 299.0)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#C7C37A

Fresh Green · Tan · Sunflower

HEX

#C7C37A

RGB

rgb(199, 195, 122)

HSL

hsl(57, 41%, 63%)

HSB

hsb(57, 39%, 78%)

CMYK

cmyk(0%, 2%, 39%, 22%)

Oklch

oklch(80.4% 0.094 105.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F97FCA

Mauve · Orchid · Rose Pink

HEX

#F97FCA

RGB

rgb(249, 127, 202)

HSL

hsl(323, 91%, 74%)

HSB

hsb(323, 49%, 98%)

CMYK

cmyk(0%, 49%, 19%, 2%)

Oklch

oklch(75.6% 0.171 344.2)

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

#FF4D63

Peach Pink · Tomato · Coral Red

HEX

#FF4D63

RGB

rgb(255, 77, 99)

HSL

hsl(353, 100%, 65%)

HSB

hsb(353, 70%, 100%)

CMYK

cmyk(0%, 70%, 61%, 0%)

Oklch

oklch(67.7% 0.213 18.2)

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

#9A7A89

Dark Violet · Gray · Rose Pink

HEX

#9A7A89

RGB

rgb(154, 122, 137)

HSL

hsl(332, 14%, 54%)

HSB

hsb(332, 21%, 60%)

CMYK

cmyk(0%, 21%, 11%, 40%)

Oklch

oklch(61.5% 0.045 348.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9D5E3

DEE2D4

Analogous

D4D7E2

D9D5E3

DFD4E2

Triadic

D9D5E3

E2D8D4

D4E2D8

Split-Comp.

D9D5E3

E2DFD4

D7E2D4

Tetradic

D9D5E3

E2D4D7

DEE2D4

D4E2DF

Contrast Matrix WCAG 2.1 Contrast

D9D5E3	C7C37A	F97FCA	FF4D63	9A7A89
—	1.3 Fail	1.6 Fail	2.2 Fail	2.6 Fail
1.3 Fail	—	1.3 Fail	1.8 Fail	2.1 Fail
1.6 Fail	1.3 Fail	—	1.4 Fail	1.6 Fail
2.2 Fail	1.8 Fail	1.4 Fail	—	1.2 Fail
2.6 Fail	2.1 Fail	1.6 Fail	1.2 Fail	—

White BG

1.4Fail

1.8Fail

2.4Fail

3.2AA Large

3.8AA Large

Black BG

14.6AAA

11.5AAA

8.9AAA

6.5AA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7E0

C5C58C

C4C3B8

B2B05E

8C8C85

Deuteranopia

D8D8DF

C6C690

CBD4B3

BCCA5C

8E9085

Tritanopia

D9DDDC

C79A9D

F3AAA6

F65959

988382

Achromatopsia

D8D8D8

BCBCBC

ACACAC

858585

Shades & Tints Shades & Tints

#D9D5E3

Dark

Light

#C7C37A

Dark

Light

#F97FCA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9d5e3;
  --color-2: #c7c37a;
  --color-3: #f97fca;
  --color-4: #ff4d63;
  --color-5: #9a7a89;
}

SCSS

$color-1: #d9d5e3;
$color-2: #c7c37a;
$color-3: #f97fca;
$color-4: #ff4d63;
$color-5: #9a7a89;

TAILWIND

colors: {
  'brand-1': '#d9d5e3',
  'brand-2': '#c7c37a',
  'brand-3': '#f97fca',
  'brand-4': '#ff4d63',
  'brand-5': '#9a7a89',
}

RGB Array

[217, 213, 227], [199, 195, 122], [249, 127, 202], [255, 77, 99], [154, 122, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9D5E3, #C7C37A, #F97FCA, #FF4D63, #9A7A89 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: #d9d5e3; --color-2: #c7c37a; --color-3: #f97fca; --color-4: #ff4d63; --color-5: #9a7a89. 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