#D67A7A + #D9BA9C + #E6E5AC + #B1D27D + #7CA876 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D67A7A

Peach Pink · LightCoral · Coral Red

HEX

#D67A7A

RGB

rgb(214, 122, 122)

HSL

hsl(0, 53%, 66%)

HSB

hsb(0, 43%, 84%)

CMYK

cmyk(0%, 43%, 43%, 16%)

Oklch

oklch(68.0% 0.115 20.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D9BA9C

Goose Yellow · Tan · Warm Sun

HEX

#D9BA9C

RGB

rgb(217, 186, 156)

HSL

hsl(30, 45%, 73%)

HSB

hsb(30, 28%, 85%)

CMYK

cmyk(0%, 14%, 28%, 15%)

Oklch

oklch(80.8% 0.054 66.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E6E5AC

Fresh Green · Wheat · Lemon Cream

HEX

#E6E5AC

RGB

rgb(230, 229, 172)

HSL

hsl(59, 54%, 79%)

HSB

hsb(59, 25%, 90%)

CMYK

cmyk(0%, 0%, 25%, 10%)

Oklch

oklch(90.9% 0.074 106.9)

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

#B1D27D

Willow Green · DarkSeaGreen · Apple Green

HEX

#B1D27D

RGB

rgb(177, 210, 125)

HSL

hsl(83, 49%, 66%)

HSB

hsb(83, 40%, 82%)

CMYK

cmyk(16%, 0%, 40%, 18%)

Oklch

oklch(82.0% 0.117 126.2)

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

#7CA876

Celadon · DarkSeaGreen · Olive Green

HEX

#7CA876

RGB

rgb(124, 168, 118)

HSL

hsl(113, 22%, 56%)

HSB

hsb(113, 30%, 66%)

CMYK

cmyk(26%, 0%, 30%, 34%)

Oklch

oklch(68.6% 0.086 141.6)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D67A7A

7AD6D6

Analogous

D67AA8

D67A7A

D6A87A

Triadic

D67A7A

7AD67A

7A7AD6

Split-Comp.

D67A7A

7AD6A8

7AA8D6

Tetradic

D67A7A

A8D67A

7AD6D6

A87AD6

Contrast Matrix WCAG 2.1 Contrast

D67A7A	D9BA9C	E6E5AC	B1D27D	7CA876
—	1.7 Fail	2.3 Fail	1.8 Fail	1.1 Fail
1.7 Fail	—	1.4 Fail	1.1 Fail	1.5 Fail
2.3 Fail	1.4 Fail	—	1.3 Fail	2.1 Fail
1.8 Fail	1.1 Fail	1.3 Fail	—	1.6 Fail
1.1 Fail	1.5 Fail	2.1 Fail	1.6 Fail	—

White BG

3.0AA Large

1.8Fail

1.3Fail

1.7Fail

2.7Fail

Black BG

6.9AA

11.5AAA

16.2AAA

12.4AAA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAD7A

CCCBA3

E6E6BA

BFC092

8F8F82

Deuteranopia

B4BA7A

CDD0A5

E6E6BD

BDBB97

8D8985

Tritanopia

D17A7A

D7A9AA

E6C5C7

B3A2A5

7E8C8E

Achromatopsia

969696

C0C0C0

DFDFDF

BEBEBE

959595

Shades & Tints Shades & Tints

#D67A7A

Dark

Light

#D9BA9C

Dark

Light

#E6E5AC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d67a7a;
  --color-2: #d9ba9c;
  --color-3: #e6e5ac;
  --color-4: #b1d27d;
  --color-5: #7ca876;
}

SCSS

$color-1: #d67a7a;
$color-2: #d9ba9c;
$color-3: #e6e5ac;
$color-4: #b1d27d;
$color-5: #7ca876;

TAILWIND

colors: {
  'brand-1': '#d67a7a',
  'brand-2': '#d9ba9c',
  'brand-3': '#e6e5ac',
  'brand-4': '#b1d27d',
  'brand-5': '#7ca876',
}

RGB Array

[214, 122, 122], [217, 186, 156], [230, 229, 172], [177, 210, 125], [124, 168, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D67A7A, #D9BA9C, #E6E5AC, #B1D27D, #7CA876 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: #d67a7a; --color-2: #d9ba9c; --color-3: #e6e5ac; --color-4: #b1d27d; --color-5: #7ca876. 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