#C68082 + #DA9680 + #FEFBE8 + #D4D0BD + #A2A2A2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C68082

Peach Pink · LightCoral · Coral Red

HEX

#C68082

RGB

rgb(198, 128, 130)

HSL

hsl(358, 38%, 64%)

HSB

hsb(358, 35%, 78%)

CMYK

cmyk(0%, 35%, 34%, 22%)

Oklch

oklch(67.3% 0.087 17.8)

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

#DA9680

Apricot · DarkSalmon · Warm Sun

HEX

#DA9680

RGB

rgb(218, 150, 128)

HSL

hsl(15, 55%, 68%)

HSB

hsb(15, 41%, 85%)

CMYK

cmyk(0%, 31%, 41%, 15%)

Oklch

oklch(73.5% 0.088 38.7)

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

#FEFBE8

Fresh Green · SeaShell · Lemon Cream

HEX

#FEFBE8

RGB

rgb(254, 251, 232)

HSL

hsl(52, 92%, 95%)

HSB

hsb(52, 9%, 100%)

CMYK

cmyk(0%, 1%, 9%, 0%)

Oklch

oklch(98.5% 0.025 99.5)

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

#D4D0BD

Fresh Green · LightGray · Lemon Cream

HEX

#D4D0BD

RGB

rgb(212, 208, 189)

HSL

hsl(50, 21%, 79%)

HSB

hsb(50, 11%, 83%)

CMYK

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

Oklch

oklch(85.6% 0.026 97.2)

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

#A2A2A2

Ash · DarkGray · Silver Sand

HEX

#A2A2A2

RGB

rgb(162, 162, 162)

HSL

hsl(0, 0%, 64%)

HSB

hsb(0, 0%, 64%)

CMYK

cmyk(0%, 0%, 0%, 36%)

Oklch

oklch(71.2% 0.000 89.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C68082

80C6C4

Analogous

C680A6

C68082

C6A180

Triadic

C68082

83C680

8083C6

Split-Comp.

C68082

80C6A1

80A6C6

Tetradic

C68082

A6C680

80C6C4

A180C6

Contrast Matrix WCAG 2.1 Contrast

C68082	DA9680	FEFBE8	D4D0BD	A2A2A2
—	1.3 Fail	3.0 Fail	2.0 Fail	1.2 Fail
1.3 Fail	—	2.3 Fail	1.6 Fail	1.1 Fail
3.0 Fail	2.3 Fail	—	1.5 Fail	2.5 Fail
2.0 Fail	1.6 Fail	1.5 Fail	—	1.6 Fail
1.2 Fail	1.1 Fail	2.5 Fail	1.6 Fail	—

White BG

3.1AA Large

2.4Fail

1.0Fail

1.5Fail

2.6Fail

Black BG

6.8AA

8.7AAA

20.2AAA

13.6AAA

8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A782

BDBC85

FDFDED

D2D2C2

A2A2A2

Deuteranopia

ACB181

C1C687

FDFDEE

D3D3C3

A2A2A2

Tritanopia

C38181

D78A8A

FEF0F1

D4C5C6

A2A2A2

Achromatopsia

959595

A8A8A8

FAFAFA

CFCFCF

A2A2A2

Shades & Tints Shades & Tints

#C68082

Dark

Light

#DA9680

Dark

Light

#FEFBE8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c68082;
  --color-2: #da9680;
  --color-3: #fefbe8;
  --color-4: #d4d0bd;
  --color-5: #a2a2a2;
}

SCSS

$color-1: #c68082;
$color-2: #da9680;
$color-3: #fefbe8;
$color-4: #d4d0bd;
$color-5: #a2a2a2;

TAILWIND

colors: {
  'brand-1': '#c68082',
  'brand-2': '#da9680',
  'brand-3': '#fefbe8',
  'brand-4': '#d4d0bd',
  'brand-5': '#a2a2a2',
}

RGB Array

[198, 128, 130], [218, 150, 128], [254, 251, 232], [212, 208, 189], [162, 162, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C68082, #DA9680, #FEFBE8, #D4D0BD, #A2A2A2 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: #c68082; --color-2: #da9680; --color-3: #fefbe8; --color-4: #d4d0bd; --color-5: #a2a2a2. 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