#CBD5B0 + #D4E4C0 + #A98B83 + #C8997F + #DBAA81 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CBD5B0

Willow Green · Silver · Apple Green

HEX

#CBD5B0

RGB

rgb(203, 213, 176)

HSL

hsl(76, 31%, 76%)

HSB

hsb(76, 17%, 84%)

CMYK

cmyk(5%, 0%, 17%, 16%)

Oklch

oklch(85.6% 0.051 119.8)

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

#D4E4C0

Willow Green · LightGray · Mint Green

HEX

#D4E4C0

RGB

rgb(212, 228, 192)

HSL

hsl(87, 40%, 82%)

HSB

hsb(87, 16%, 89%)

CMYK

cmyk(7%, 0%, 16%, 11%)

Oklch

oklch(89.7% 0.051 127.0)

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

#A98B83

Crimson · Gray · Passion Red

HEX

#A98B83

RGB

rgb(169, 139, 131)

HSL

hsl(13, 18%, 59%)

HSB

hsb(13, 22%, 66%)

CMYK

cmyk(0%, 18%, 22%, 34%)

Oklch

oklch(66.2% 0.039 35.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#C8997F

Apricot · Tan · Warm Sun

HEX

#C8997F

RGB

rgb(200, 153, 127)

HSL

hsl(21, 40%, 64%)

HSB

hsb(21, 37%, 78%)

CMYK

cmyk(0%, 24%, 37%, 22%)

Oklch

oklch(72.1% 0.067 50.2)

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

#DBAA81

Apricot · BurlyWood · Warm Sun

HEX

#DBAA81

RGB

rgb(219, 170, 129)

HSL

hsl(27, 56%, 68%)

HSB

hsb(27, 41%, 86%)

CMYK

cmyk(0%, 22%, 41%, 14%)

Oklch

oklch(77.3% 0.080 61.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBD5B0

B9AFD5

Analogous

D5CCAF

CBD5B0

B8D5AF

Triadic

CBD5B0

AFCBD5

D5AFCB

Split-Comp.

CBD5B0

AFB8D5

CCAFD5

Tetradic

CBD5B0

AFD5CC

B9AFD5

D5AFB8

Contrast Matrix WCAG 2.1 Contrast

CBD5B0	D4E4C0	A98B83	C8997F	DBAA81
—	1.1 Fail	2.0 Fail	1.6 Fail	1.4 Fail
1.1 Fail	—	2.3 Fail	1.9 Fail	1.6 Fail
2.0 Fail	2.3 Fail	—	1.2 Fail	1.5 Fail
1.6 Fail	1.9 Fail	1.2 Fail	—	1.2 Fail
1.4 Fail	1.6 Fail	1.5 Fail	1.2 Fail	—

White BG

1.5Fail

1.3Fail

3.1AA Large

2.5Fail

2.1Fail

Black BG

13.7AAA

15.7AAA

6.7AA

8.3AAA

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFB9

DBDBC9

9C9C85

B4B385

C6C58B

Deuteranopia

CFCEBB

DAD9CB

9EA085

B6BA87

C9CC8D

Tritanopia

CCC0C2

D5D0D1

A78687

C68A8B

D99394

Achromatopsia

CECECE

DBDBDB

939393

A4A4A4

B4B4B4

Shades & Tints Shades & Tints

#CBD5B0

Dark

Light

#D4E4C0

Dark

Light

#A98B83

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbd5b0;
  --color-2: #d4e4c0;
  --color-3: #a98b83;
  --color-4: #c8997f;
  --color-5: #dbaa81;
}

SCSS

$color-1: #cbd5b0;
$color-2: #d4e4c0;
$color-3: #a98b83;
$color-4: #c8997f;
$color-5: #dbaa81;

TAILWIND

colors: {
  'brand-1': '#cbd5b0',
  'brand-2': '#d4e4c0',
  'brand-3': '#a98b83',
  'brand-4': '#c8997f',
  'brand-5': '#dbaa81',
}

RGB Array

[203, 213, 176], [212, 228, 192], [169, 139, 131], [200, 153, 127], [219, 170, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBD5B0, #D4E4C0, #A98B83, #C8997F, #DBAA81 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: #cbd5b0; --color-2: #d4e4c0; --color-3: #a98b83; --color-4: #c8997f; --color-5: #dbaa81. 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