← Back to Editor

#605964 · #D86A7D · #CFA593 · #CDD1AD · #E0E3CA

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#605964

Ink Gray · DimGray · Charcoal

HEX
#605964
RGB
rgb(96, 89, 100)
HSL
hsl(278, 6%, 37%)
HSB
hsb(278, 11%, 39%)
CMYK
cmyk(4%, 11%, 0%, 61%)
Oklch
oklch(47.4% 0.019 313.5)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#D86A7D

Peach Pink · LightCoral · Coral Red

HEX
#D86A7D
RGB
rgb(216, 106, 125)
HSL
hsl(350, 59%, 63%)
HSB
hsb(350, 51%, 85%)
CMYK
cmyk(0%, 51%, 42%, 15%)
Oklch
oklch(65.9% 0.139 10.8)

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

#CFA593

Apricot · Tan · Warm Sun

HEX
#CFA593
RGB
rgb(207, 165, 147)
HSL
hsl(18, 38%, 69%)
HSB
hsb(18, 29%, 81%)
CMYK
cmyk(0%, 20%, 29%, 19%)
Oklch
oklch(75.5% 0.056 44.4)

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

#CDD1AD

Fresh Green · Silver · Sunflower

HEX
#CDD1AD
RGB
rgb(205, 209, 173)
HSL
hsl(67, 28%, 75%)
HSB
hsb(67, 17%, 82%)
CMYK
cmyk(2%, 0%, 17%, 18%)
Oklch
oklch(84.8% 0.049 112.6)

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

#E0E3CA

Fresh Green · LightGray · Lemon Cream

HEX
#E0E3CA
RGB
rgb(224, 227, 202)
HSL
hsl(67, 31%, 84%)
HSB
hsb(67, 11%, 89%)
CMYK
cmyk(1%, 0%, 11%, 11%)
Oklch
oklch(90.7% 0.033 112.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

605964
5D6459

Analogous

5A5964
605964
645963

Triadic

605964
646059
596460

Split-Comp.

605964
636459
59645A

Tetradic

605964
645A59
5D6459
596364

Contrast Matrix WCAG 2.1 Contrast

605964
D86A7D
CFA593
CDD1AD
E0E3CA
—
2.0
Fail
3.0
AA Large
4.3
AA Large
5.1
AA
2.0
Fail
—
1.5
Fail
2.1
Fail
2.6
Fail
3.0
AA Large
1.5
Fail
—
1.4
Fail
1.7
Fail
4.3
AA Large
2.1
Fail
1.4
Fail
—
1.2
Fail
5.1
AA
2.6
Fail
1.7
Fail
1.2
Fail
—
White BG
6.8AA
3.3AA Large
2.2Fail
1.6Fail
1.3Fail
Black BG
3.1AA Large
6.3AA
9.5AAA
13.3AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D61
A8A778
BDBC97
CFCFB6
E1E1D0

Deuteranopia

5D5E61
AFB777
BFC298
CFCEB8
E1E1D1

Tritanopia

605F5F
D37574
CD9B9C
CDBDBE
E0D5D6

Achromatopsia

5C5C5C
8D8D8D
B0B0B0
CCCCCC
DFDFDF

Shades & Tints Shades & Tints

#605964

Dark
Light

#D86A7D

Dark
Light

#CFA593

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #605964;
  --color-2: #d86a7d;
  --color-3: #cfa593;
  --color-4: #cdd1ad;
  --color-5: #e0e3ca;
}

SCSS

$color-1: #605964;
$color-2: #d86a7d;
$color-3: #cfa593;
$color-4: #cdd1ad;
$color-5: #e0e3ca;

TAILWIND

colors: {
  'brand-1': '#605964',
  'brand-2': '#d86a7d',
  'brand-3': '#cfa593',
  'brand-4': '#cdd1ad',
  'brand-5': '#e0e3ca',
}

RGB Array

[96, 89, 100], [216, 106, 125], [207, 165, 147], [205, 209, 173], [224, 227, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #605964, #D86A7D, #CFA593, #CDD1AD, #E0E3CA is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #605964; --color-2: #d86a7d; --color-3: #cfa593; --color-4: #cdd1ad; --color-5: #e0e3ca. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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