#D1D19C + #A5C79B + #879C99 + #B53F78 + #E3146E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D1D19C

Fresh Green · Tan · Sunflower

HEX

#D1D19C

RGB

rgb(209, 209, 156)

HSL

hsl(60, 37%, 72%)

HSB

hsb(60, 25%, 82%)

CMYK

cmyk(0%, 0%, 25%, 18%)

Oklch

oklch(84.8% 0.070 107.8)

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

#A5C79B

Celadon · DarkSeaGreen · Apple Green

HEX

#A5C79B

RGB

rgb(165, 199, 155)

HSL

hsl(106, 28%, 69%)

HSB

hsb(106, 22%, 78%)

CMYK

cmyk(17%, 0%, 22%, 22%)

Oklch

oklch(79.3% 0.071 138.6)

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

#879C99

Mineral Blue · LightSlateGray · Lake Green

HEX

#879C99

RGB

rgb(135, 156, 153)

HSL

hsl(171, 10%, 57%)

HSB

hsb(171, 13%, 61%)

CMYK

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

Oklch

oklch(67.5% 0.024 186.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#B53F78

Dark Violet · MediumVioletRed · Camellia

HEX

#B53F78

RGB

rgb(181, 63, 120)

HSL

hsl(331, 48%, 48%)

HSB

hsb(331, 65%, 71%)

CMYK

cmyk(0%, 65%, 34%, 29%)

Oklch

oklch(55.0% 0.162 353.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#E3146E

Dark Violet · MediumVioletRed · Camellia

HEX

#E3146E

RGB

rgb(227, 20, 110)

HSL

hsl(334, 84%, 48%)

HSB

hsb(334, 91%, 89%)

CMYK

cmyk(0%, 91%, 52%, 11%)

Oklch

oklch(59.5% 0.232 4.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1D19C

9D9DD2

Analogous

D2B89D

D1D19C

B8D29D

Triadic

D1D19C

9DD2D2

D29DD2

Split-Comp.

D1D19C

9DB8D2

B89DD2

Tetradic

D1D19C

9DD2B8

9D9DD2

D29DB8

Contrast Matrix WCAG 2.1 Contrast

D1D19C	A5C79B	879C99	B53F78	E3146E
—	1.2 Fail	1.8 Fail	3.4 AA Large	2.9 Fail
1.2 Fail	—	1.6 Fail	2.8 Fail	2.4 Fail
1.8 Fail	1.6 Fail	—	1.8 Fail	1.6 Fail
3.4 AA Large	2.8 Fail	1.8 Fail	—	1.2 Fail
2.9 Fail	2.4 Fail	1.6 Fail	1.2 Fail	—

White BG

1.6Fail

1.9Fail

2.9Fail

5.3AA

4.6AA

Black BG

13.3AAA

11.2AAA

7.2AAA

3.9AA Large

4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1A9

B4B4A6

90909A

82816A

898858

Deuteranopia

D1D1AC

B2AFA8

8F8D9A

899267

95A553

Tritanopia

D1B3B5

A7AEB0

889A9A

AF5F5D

D94743

Achromatopsia

CBCBCB

B8B8B8

959595

696969

5C5C5C

Shades & Tints Shades & Tints

#D1D19C

Dark

Light

#A5C79B

Dark

Light

#879C99

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1d19c;
  --color-2: #a5c79b;
  --color-3: #879c99;
  --color-4: #b53f78;
  --color-5: #e3146e;
}

SCSS

$color-1: #d1d19c;
$color-2: #a5c79b;
$color-3: #879c99;
$color-4: #b53f78;
$color-5: #e3146e;

TAILWIND

colors: {
  'brand-1': '#d1d19c',
  'brand-2': '#a5c79b',
  'brand-3': '#879c99',
  'brand-4': '#b53f78',
  'brand-5': '#e3146e',
}

RGB Array

[209, 209, 156], [165, 199, 155], [135, 156, 153], [181, 63, 120], [227, 20, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1D19C, #A5C79B, #879C99, #B53F78, #E3146E is ideal for: corporate websites, product showcases, portfolios. 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: #d1d19c; --color-2: #a5c79b; --color-3: #879c99; --color-4: #b53f78; --color-5: #e3146e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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