← Back to Editor

#978C7D · #D4918B · #D7B99C · #D7D1AC · #D7EBDB

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

WorkspaceReading

Color Details Color Details

#978C7D

Ginger · Gray · Warm Sun

HEX
#978C7D
RGB
rgb(151, 140, 125)
HSL
hsl(35, 11%, 54%)
HSB
hsb(35, 17%, 59%)
CMYK
cmyk(0%, 7%, 17%, 41%)
Oklch
oklch(64.5% 0.025 75.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#D4918B

Peach Pink · DarkSalmon · Coral Red

HEX
#D4918B
RGB
rgb(212, 145, 139)
HSL
hsl(5, 46%, 69%)
HSB
hsb(5, 34%, 83%)
CMYK
cmyk(0%, 32%, 34%, 17%)
Oklch
oklch(72.1% 0.082 25.0)

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

#D7B99C

Apricot · Tan · Warm Sun

HEX
#D7B99C
RGB
rgb(215, 185, 156)
HSL
hsl(29, 42%, 73%)
HSB
hsb(29, 27%, 84%)
CMYK
cmyk(0%, 14%, 27%, 16%)
Oklch
oklch(80.4% 0.052 66.0)

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

#D7D1AC

Fresh Green · Wheat · Lemon Cream

HEX
#D7D1AC
RGB
rgb(215, 209, 172)
HSL
hsl(52, 35%, 76%)
HSB
hsb(52, 20%, 84%)
CMYK
cmyk(0%, 3%, 20%, 16%)
Oklch
oklch(85.6% 0.050 99.7)

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

#D7EBDB

Celadon · LightGray · Mint Green

HEX
#D7EBDB
RGB
rgb(215, 235, 219)
HSL
hsl(132, 33%, 88%)
HSB
hsb(132, 9%, 92%)
CMYK
cmyk(9%, 0%, 7%, 8%)
Oklch
oklch(92.1% 0.030 151.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

978C7D
7D8897

Analogous

977F7D
978C7D
94977D

Triadic

978C7D
7D978C
8C7D97

Split-Comp.

978C7D
7D9497
7F7D97

Tetradic

978C7D
7D977F
7D8897
977D94

Contrast Matrix WCAG 2.1 Contrast

978C7D
D4918B
D7B99C
D7D1AC
D7EBDB
—
1.3
Fail
1.8
Fail
2.1
Fail
2.6
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
2.0
Fail
1.8
Fail
1.4
Fail
—
1.2
Fail
1.5
Fail
2.1
Fail
1.7
Fail
1.2
Fail
—
1.2
Fail
2.6
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
White BG
3.3AA Large
2.6Fail
1.9Fail
1.5Fail
1.3Fail
Black BG
6.4AA
8.2AAA
11.3AAA
13.6AAA
16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

929281
B7B68C
CACAA3
D4D4B5
E0E0DF

Deuteranopia

939482
BBC08D
CCCEA5
D5D5B7
DFDDE0

Tritanopia

968384
D18E8E
D6A9AA
D7BCBE
D8E2E3

Achromatopsia

8E8E8E
A4A4A4
BFBFBF
CFCFCF
E3E3E3

Shades & Tints Shades & Tints

#978C7D

Dark
Light

#D4918B

Dark
Light

#D7B99C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #978c7d;
  --color-2: #d4918b;
  --color-3: #d7b99c;
  --color-4: #d7d1ac;
  --color-5: #d7ebdb;
}

SCSS

$color-1: #978c7d;
$color-2: #d4918b;
$color-3: #d7b99c;
$color-4: #d7d1ac;
$color-5: #d7ebdb;

TAILWIND

colors: {
  'brand-1': '#978c7d',
  'brand-2': '#d4918b',
  'brand-3': '#d7b99c',
  'brand-4': '#d7d1ac',
  'brand-5': '#d7ebdb',
}

RGB Array

[151, 140, 125], [212, 145, 139], [215, 185, 156], [215, 209, 172], [215, 235, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #978C7D, #D4918B, #D7B99C, #D7D1AC, #D7EBDB 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: #978c7d; --color-2: #d4918b; --color-3: #d7b99c; --color-4: #d7d1ac; --color-5: #d7ebdb. 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