#C67F8E + #D3A572 + #E6DE45 + #D7DE89 + #C8DDCD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C67F8E

Peach Pink · LightCoral · Coral Red

HEX

#C67F8E

RGB

rgb(198, 127, 142)

HSL

hsl(347, 38%, 64%)

HSB

hsb(347, 36%, 78%)

CMYK

cmyk(0%, 36%, 28%, 22%)

Oklch

oklch(67.4% 0.090 6.0)

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

#D3A572

Ginger · DarkSalmon · Warm Sun

HEX

#D3A572

RGB

rgb(211, 165, 114)

HSL

hsl(32, 52%, 64%)

HSB

hsb(32, 46%, 83%)

CMYK

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

Oklch

oklch(75.3% 0.086 68.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E6DE45

Autumn Sage · SandyBrown · Sunflower

HEX

#E6DE45

RGB

rgb(230, 222, 69)

HSL

hsl(57, 76%, 59%)

HSB

hsb(57, 70%, 90%)

CMYK

cmyk(0%, 3%, 70%, 10%)

Oklch

oklch(88.1% 0.166 106.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#D7DE89

Fresh Green · Khaki · Sunflower

HEX

#D7DE89

RGB

rgb(215, 222, 137)

HSL

hsl(65, 56%, 70%)

HSB

hsb(65, 38%, 87%)

CMYK

cmyk(3%, 0%, 38%, 13%)

Oklch

oklch(87.6% 0.108 112.5)

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

#C8DDCD

Celadon · LightGray · Mint Green

HEX

#C8DDCD

RGB

rgb(200, 221, 205)

HSL

hsl(134, 24%, 83%)

HSB

hsb(134, 10%, 87%)

CMYK

cmyk(10%, 0%, 7%, 13%)

Oklch

oklch(87.7% 0.031 152.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C67F8E

80C6B7

Analogous

C680B2

C67F8E

C69480

Triadic

C67F8E

8FC680

808FC6

Split-Comp.

C67F8E

80C694

80B2C6

Tetradic

C67F8E

B2C680

80C6B7

9480C6

Contrast Matrix WCAG 2.1 Contrast

C67F8E	D3A572	E6DE45	D7DE89	C8DDCD
—	1.4 Fail	2.2 Fail	2.2 Fail	2.2 Fail
1.4 Fail	—	1.6 Fail	1.6 Fail	1.6 Fail
2.2 Fail	1.6 Fail	—	1.0 Fail	1.0 Fail
2.2 Fail	1.6 Fail	1.0 Fail	—	1.0 Fail
2.2 Fail	1.6 Fail	1.0 Fail	1.0 Fail	—

White BG

3.1AA Large

2.2Fail

1.4Fail

Black BG

6.8AA

9.4AAA

14.9AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A78A

BFBF7E

E3E26A

DADA9E

D1D1D1

Deuteranopia

ABB18A

C2C581

E3E473

DAD9A3

D0CED2

Tritanopia

C28887

D1888A

E6878E

D7AEB1

C9D4D5

Achromatopsia

969696

ADADAD

CFCFCF

D2D2D2

D5D5D5

Shades & Tints Shades & Tints

#C67F8E

Dark

Light

#D3A572

Dark

Light

#E6DE45

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c67f8e;
  --color-2: #d3a572;
  --color-3: #e6de45;
  --color-4: #d7de89;
  --color-5: #c8ddcd;
}

SCSS

$color-1: #c67f8e;
$color-2: #d3a572;
$color-3: #e6de45;
$color-4: #d7de89;
$color-5: #c8ddcd;

TAILWIND

colors: {
  'brand-1': '#c67f8e',
  'brand-2': '#d3a572',
  'brand-3': '#e6de45',
  'brand-4': '#d7de89',
  'brand-5': '#c8ddcd',
}

RGB Array

[198, 127, 142], [211, 165, 114], [230, 222, 69], [215, 222, 137], [200, 221, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C67F8E, #D3A572, #E6DE45, #D7DE89, #C8DDCD 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: #c67f8e; --color-2: #d3a572; --color-3: #e6de45; --color-4: #d7de89; --color-5: #c8ddcd. 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