← Back to Editor

#C7BBAB · #D6D0BB · #F3F2E2 · #D9E3C9 · #D8DDCE

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

#C7BBAB

Goose Yellow · Silver · Warm Sun

HEX
#C7BBAB
RGB
rgb(199, 187, 171)
HSL
hsl(34, 20%, 73%)
HSB
hsb(34, 14%, 78%)
CMYK
cmyk(0%, 6%, 14%, 22%)
Oklch
oklch(79.8% 0.026 75.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D6D0BB

Goose Yellow · LightGray · Lemon Cream

HEX
#D6D0BB
RGB
rgb(214, 208, 187)
HSL
hsl(47, 25%, 79%)
HSB
hsb(47, 13%, 84%)
CMYK
cmyk(0%, 3%, 13%, 16%)
Oklch
oklch(85.7% 0.029 93.8)

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

#F3F2E2

Fresh Green · Beige · Lemon Cream

HEX
#F3F2E2
RGB
rgb(243, 242, 226)
HSL
hsl(56, 41%, 92%)
HSB
hsb(56, 7%, 95%)
CMYK
cmyk(0%, 0%, 7%, 5%)
Oklch
oklch(95.8% 0.021 103.9)

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

#D9E3C9

Willow Green · LightGray · Mint Green

HEX
#D9E3C9
RGB
rgb(217, 227, 201)
HSL
hsl(83, 32%, 84%)
HSB
hsb(83, 11%, 89%)
CMYK
cmyk(4%, 0%, 11%, 11%)
Oklch
oklch(90.1% 0.036 124.3)

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

#D8DDCE

Willow Green · LightGray · Mint Green

HEX
#D8DDCE
RGB
rgb(216, 221, 206)
HSL
hsl(80, 18%, 84%)
HSB
hsb(80, 7%, 87%)
CMYK
cmyk(2%, 0%, 7%, 13%)
Oklch
oklch(89.0% 0.021 121.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7BBAB
ACB8C8

Analogous

C8AEAC
C7BBAB
C6C8AC

Triadic

C7BBAB
ACC8BC
BCACC8

Split-Comp.

C7BBAB
ACC6C8
AEACC8

Tetradic

C7BBAB
ACC8AE
ACB8C8
C8ACC6

Contrast Matrix WCAG 2.1 Contrast

C7BBAB
D6D0BB
F3F2E2
D9E3C9
D8DDCE
—
1.2
Fail
1.7
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
1.4
Fail
1.2
Fail
1.1
Fail
1.7
Fail
1.4
Fail
—
1.2
Fail
1.2
Fail
1.4
Fail
1.2
Fail
1.2
Fail
—
1.0
Fail
1.4
Fail
1.1
Fail
1.2
Fail
1.0
Fail
—
White BG
1.9Fail
1.5Fail
1.1Fail
1.3Fail
1.4Fail
Black BG
11.1AAA
13.6AAA
18.6AAA
15.8AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2AF
D3D3C0
F3F3E6
DDDDCF
DADAD2

Deuteranopia

C3C3B0
D4D4C1
F3F3E7
DDDCD1
DADAD3

Tritanopia

C6B2B3
D6C4C5
F3E9EA
D9D4D5
D8D4D5

Achromatopsia

BDBDBD
CFCFCF
F0F0F0
DDDDDD
DADADA

Shades & Tints Shades & Tints

#C7BBAB

Dark
Light

#D6D0BB

Dark
Light

#F3F2E2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7bbab;
  --color-2: #d6d0bb;
  --color-3: #f3f2e2;
  --color-4: #d9e3c9;
  --color-5: #d8ddce;
}

SCSS

$color-1: #c7bbab;
$color-2: #d6d0bb;
$color-3: #f3f2e2;
$color-4: #d9e3c9;
$color-5: #d8ddce;

TAILWIND

colors: {
  'brand-1': '#c7bbab',
  'brand-2': '#d6d0bb',
  'brand-3': '#f3f2e2',
  'brand-4': '#d9e3c9',
  'brand-5': '#d8ddce',
}

RGB Array

[199, 187, 171], [214, 208, 187], [243, 242, 226], [217, 227, 201], [216, 221, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7BBAB, #D6D0BB, #F3F2E2, #D9E3C9, #D8DDCE is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c7bbab; --color-2: #d6d0bb; --color-3: #f3f2e2; --color-4: #d9e3c9; --color-5: #d8ddce. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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