#D4CF80 + #D1A7A7 + #E6FBD9 + #B6A7A7 + #DACCCC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D4CF80

Fresh Green · BurlyWood · Sunflower

HEX

#D4CF80

RGB

rgb(212, 207, 128)

HSL

hsl(56, 49%, 67%)

HSB

hsb(56, 40%, 83%)

CMYK

cmyk(0%, 2%, 40%, 17%)

Oklch

oklch(84.1% 0.101 105.2)

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

#D1A7A7

Peach Pink · Tan · Coral Red

HEX

#D1A7A7

RGB

rgb(209, 167, 167)

HSL

hsl(0, 31%, 74%)

HSB

hsb(0, 20%, 82%)

CMYK

cmyk(0%, 20%, 20%, 18%)

Oklch

oklch(76.6% 0.050 18.3)

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

#E6FBD9

Emerald · Beige · Mint Green

HEX

#E6FBD9

RGB

rgb(230, 251, 217)

HSL

hsl(97, 81%, 92%)

HSB

hsb(97, 14%, 98%)

CMYK

cmyk(8%, 0%, 14%, 2%)

Oklch

oklch(96.4% 0.050 133.4)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#B6A7A7

Peach Pink · DarkGray · Silver Sand

HEX

#B6A7A7

RGB

rgb(182, 167, 167)

HSL

hsl(0, 9%, 68%)

HSB

hsb(0, 8%, 71%)

CMYK

cmyk(0%, 8%, 8%, 29%)

Oklch

oklch(74.1% 0.017 17.6)

Traditional「Peach Pink」· Paint「Silver Sand」· Creative Urban Concrete

#DACCCC

Peach Pink · LightGray · Cherry Blossom

HEX

#DACCCC

RGB

rgb(218, 204, 204)

HSL

hsl(0, 16%, 83%)

HSB

hsb(0, 6%, 85%)

CMYK

cmyk(0%, 6%, 6%, 15%)

Oklch

oklch(85.7% 0.016 17.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4CF80

8287D4

Analogous

D4A582

D4CF80

B0D482

Triadic

D4CF80

82D4CF

CF82D4

Split-Comp.

D4CF80

82B0D4

A582D4

Tetradic

D4CF80

82D4A5

8287D4

D482B0

Contrast Matrix WCAG 2.1 Contrast

D4CF80	D1A7A7	E6FBD9	B6A7A7	DACCCC
—	1.3 Fail	1.5 Fail	1.4 Fail	1.0 Fail
1.3 Fail	—	2.0 Fail	1.1 Fail	1.4 Fail
1.5 Fail	2.0 Fail	—	2.1 Fail	1.4 Fail
1.4 Fail	1.1 Fail	2.1 Fail	—	1.5 Fail
1.0 Fail	1.4 Fail	1.4 Fail	1.5 Fail	—

White BG

1.6Fail

2.1Fail

1.1Fail

2.3Fail

1.6Fail

Black BG

13.0AAA

9.8AAA

19.2AAA

9.1AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D293

BFBEA7

EFEFE1

B0AFA7

D4D4CC

Deuteranopia

D2D298

C1C4A7

EEECE3

B0B2A7

D5D6CC

Tritanopia

D4A2A6

CFA7A7

E7E8E9

B5A7A7

D9CCCC

Achromatopsia

C7C7C7

B4B4B4

F1F1F1

ABABAB

D0D0D0

Shades & Tints Shades & Tints

#D4CF80

Dark

Light

#D1A7A7

Dark

Light

#E6FBD9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4cf80;
  --color-2: #d1a7a7;
  --color-3: #e6fbd9;
  --color-4: #b6a7a7;
  --color-5: #dacccc;
}

SCSS

$color-1: #d4cf80;
$color-2: #d1a7a7;
$color-3: #e6fbd9;
$color-4: #b6a7a7;
$color-5: #dacccc;

TAILWIND

colors: {
  'brand-1': '#d4cf80',
  'brand-2': '#d1a7a7',
  'brand-3': '#e6fbd9',
  'brand-4': '#b6a7a7',
  'brand-5': '#dacccc',
}

RGB Array

[212, 207, 128], [209, 167, 167], [230, 251, 217], [182, 167, 167], [218, 204, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4CF80, #D1A7A7, #E6FBD9, #B6A7A7, #DACCCC 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: #d4cf80; --color-2: #d1a7a7; --color-3: #e6fbd9; --color-4: #b6a7a7; --color-5: #dacccc. 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