← Back to Editor

#B4D1C5 · #D69A6F · #D9CF91 · #FAEDCF · #80756E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#B4D1C5

Jade · Silver · Apple Green

HEX
#B4D1C5
RGB
rgb(180, 209, 197)
HSL
hsl(155, 24%, 76%)
HSB
hsb(155, 14%, 82%)
CMYK
cmyk(14%, 0%, 6%, 18%)
Oklch
oklch(83.6% 0.035 168.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#D69A6F

Apricot · DarkSalmon · Warm Sun

HEX
#D69A6F
RGB
rgb(214, 154, 111)
HSL
hsl(25, 56%, 64%)
HSB
hsb(25, 48%, 84%)
CMYK
cmyk(0%, 28%, 48%, 16%)
Oklch
oklch(73.4% 0.092 56.4)

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

#D9CF91

Fresh Green · BurlyWood · Sunflower

HEX
#D9CF91
RGB
rgb(217, 207, 145)
HSL
hsl(52, 49%, 71%)
HSB
hsb(52, 33%, 85%)
CMYK
cmyk(0%, 5%, 33%, 15%)
Oklch
oklch(84.8% 0.081 100.1)

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

#FAEDCF

Goose Yellow · Bisque · Lemon Cream

HEX
#FAEDCF
RGB
rgb(250, 237, 207)
HSL
hsl(42, 81%, 90%)
HSB
hsb(42, 17%, 98%)
CMYK
cmyk(0%, 5%, 17%, 2%)
Oklch
oklch(94.9% 0.042 87.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#80756E

Tangerine · Gray · Warm Gray

HEX
#80756E
RGB
rgb(128, 117, 110)
HSL
hsl(23, 8%, 47%)
HSB
hsb(23, 14%, 50%)
CMYK
cmyk(0%, 9%, 14%, 50%)
Oklch
oklch(57.0% 0.017 54.7)

Traditional「Tangerine」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B4D1C5
D0B3BF

Analogous

B3D0B6
B4D1C5
B3CED0

Triadic

B4D1C5
C4B3D0
D0C4B3

Split-Comp.

B4D1C5
D0B3CE
D0B6B3

Tetradic

B4D1C5
B6B3D0
D0B3BF
CED0B3

Contrast Matrix WCAG 2.1 Contrast

B4D1C5
D69A6F
D9CF91
FAEDCF
80756E
—
1.5
Fail
1.0
Fail
1.4
Fail
2.7
Fail
1.5
Fail
—
1.5
Fail
2.1
Fail
1.9
Fail
1.0
Fail
1.5
Fail
—
1.4
Fail
2.8
Fail
1.4
Fail
2.1
Fail
1.4
Fail
—
3.9
AA Large
2.7
Fail
1.9
Fail
2.8
Fail
3.9
AA Large
—
White BG
1.6Fail
2.4Fail
1.6Fail
1.2Fail
4.5AA Large
Black BG
12.9AAA
8.7AAA
13.3AAA
18.1AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1C8
BCBB79
D5D5A0
F4F4D6
7B7B70

Deuteranopia

BFBDC9
C0C47C
D5D6A4
F5F6D8
7C7D70

Tritanopia

B5CACB
D38283
D8ACAE
F9DCDD
7F7171

Achromatopsia

C7C7C7
A7A7A7
CBCBCB
EDEDED
777777

Shades & Tints Shades & Tints

#B4D1C5

Dark
Light

#D69A6F

Dark
Light

#D9CF91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b4d1c5;
  --color-2: #d69a6f;
  --color-3: #d9cf91;
  --color-4: #faedcf;
  --color-5: #80756e;
}

SCSS

$color-1: #b4d1c5;
$color-2: #d69a6f;
$color-3: #d9cf91;
$color-4: #faedcf;
$color-5: #80756e;

TAILWIND

colors: {
  'brand-1': '#b4d1c5',
  'brand-2': '#d69a6f',
  'brand-3': '#d9cf91',
  'brand-4': '#faedcf',
  'brand-5': '#80756e',
}

RGB Array

[180, 209, 197], [214, 154, 111], [217, 207, 145], [250, 237, 207], [128, 117, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B4D1C5, #D69A6F, #D9CF91, #FAEDCF, #80756E 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: #b4d1c5; --color-2: #d69a6f; --color-3: #d9cf91; --color-4: #faedcf; --color-5: #80756e. 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