← Back to Editor

#DBD8C7 · #D0CDBA · #B3C396 · #9BB7A1 · #79AAB1

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

WorkspaceReading

Color Details Color Details

#DBD8C7

Fresh Green · LightGray · Lemon Cream

HEX
#DBD8C7
RGB
rgb(219, 216, 199)
HSL
hsl(51, 22%, 82%)
HSB
hsb(51, 9%, 86%)
CMYK
cmyk(0%, 1%, 9%, 14%)
Oklch
oklch(88.0% 0.023 98.7)

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

#D0CDBA

Fresh Green · Silver · Lemon Cream

HEX
#D0CDBA
RGB
rgb(208, 205, 186)
HSL
hsl(52, 19%, 77%)
HSB
hsb(52, 11%, 82%)
CMYK
cmyk(0%, 1%, 11%, 18%)
Oklch
oklch(84.6% 0.026 99.6)

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

#B3C396

Willow Green · DarkGray · Apple Green

HEX
#B3C396
RGB
rgb(179, 195, 150)
HSL
hsl(81, 27%, 68%)
HSB
hsb(81, 23%, 76%)
CMYK
cmyk(8%, 0%, 23%, 24%)
Oklch
oklch(79.3% 0.064 123.7)

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

#9BB7A1

Celadon · DarkGray · Apple Green

HEX
#9BB7A1
RGB
rgb(155, 183, 161)
HSL
hsl(133, 16%, 66%)
HSB
hsb(133, 15%, 72%)
CMYK
cmyk(15%, 0%, 12%, 28%)
Oklch
oklch(75.2% 0.044 151.6)

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

#79AAB1

Slate Blue · CadetBlue · Lake Green

HEX
#79AAB1
RGB
rgb(121, 170, 177)
HSL
hsl(188, 26%, 58%)
HSB
hsb(188, 32%, 69%)
CMYK
cmyk(32%, 4%, 0%, 31%)
Oklch
oklch(70.6% 0.053 207.1)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBD8C7
C7CADB

Analogous

DBCEC7
DBD8C7
D4DBC7

Triadic

DBD8C7
C7DBD8
D8C7DB

Split-Comp.

DBD8C7
C7D4DB
CEC7DB

Tetradic

DBD8C7
C7DBCE
C7CADB
DBC7D4

Contrast Matrix WCAG 2.1 Contrast

DBD8C7
D0CDBA
B3C396
9BB7A1
79AAB1
—
1.1
Fail
1.3
Fail
1.5
Fail
1.8
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.8
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
1.4Fail
1.6Fail
1.9Fail
2.2Fail
2.6Fail
Black BG
14.7AAA
13.1AAA
11.2AAA
9.7AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADACB
CFCFBF
BABAA1
A7A7A6
8E8FAF

Deuteranopia

DADACC
CFCFC0
B9B8A4
A6A3A8
8B88AF

Tritanopia

DBCECF
D0C2C3
B4A9AB
9CABAB
7BAEAE

Achromatopsia

D7D7D7
CCCCCC
B9B9B9
ACACAC
9C9C9C

Shades & Tints Shades & Tints

#DBD8C7

Dark
Light

#D0CDBA

Dark
Light

#B3C396

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbd8c7;
  --color-2: #d0cdba;
  --color-3: #b3c396;
  --color-4: #9bb7a1;
  --color-5: #79aab1;
}

SCSS

$color-1: #dbd8c7;
$color-2: #d0cdba;
$color-3: #b3c396;
$color-4: #9bb7a1;
$color-5: #79aab1;

TAILWIND

colors: {
  'brand-1': '#dbd8c7',
  'brand-2': '#d0cdba',
  'brand-3': '#b3c396',
  'brand-4': '#9bb7a1',
  'brand-5': '#79aab1',
}

RGB Array

[219, 216, 199], [208, 205, 186], [179, 195, 150], [155, 183, 161], [121, 170, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBD8C7, #D0CDBA, #B3C396, #9BB7A1, #79AAB1 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: #dbd8c7; --color-2: #d0cdba; --color-3: #b3c396; --color-4: #9bb7a1; --color-5: #79aab1. 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