#CDCDB5 + #A2A9A1 + #FFF7E2 + #B6977A + #D1BBA6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CDCDB5

Fresh Green · Silver · Lemon Cream

HEX

#CDCDB5

RGB

rgb(205, 205, 181)

HSL

hsl(60, 19%, 76%)

HSB

hsb(60, 12%, 80%)

CMYK

cmyk(0%, 0%, 12%, 20%)

Oklch

oklch(84.2% 0.032 107.1)

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

#A2A9A1

Ash · DarkGray · Silver Sand

HEX

#A2A9A1

RGB

rgb(162, 169, 161)

HSL

hsl(113, 4%, 65%)

HSB

hsb(113, 5%, 66%)

CMYK

cmyk(4%, 0%, 5%, 34%)

Oklch

oklch(72.7% 0.014 141.8)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#FFF7E2

Goose Yellow · LightYellow · Lemon Cream

HEX

#FFF7E2

RGB

rgb(255, 247, 226)

HSL

hsl(43, 100%, 94%)

HSB

hsb(43, 11%, 100%)

CMYK

cmyk(0%, 3%, 11%, 0%)

Oklch

oklch(97.7% 0.029 89.6)

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

#B6977A

Tangerine · Tan · Warm Sun

HEX

#B6977A

RGB

rgb(182, 151, 122)

HSL

hsl(29, 29%, 60%)

HSB

hsb(29, 33%, 71%)

CMYK

cmyk(0%, 17%, 33%, 29%)

Oklch

oklch(69.7% 0.055 64.8)

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

#D1BBA6

Apricot · Tan · Warm Sun

HEX

#D1BBA6

RGB

rgb(209, 187, 166)

HSL

hsl(29, 32%, 74%)

HSB

hsb(29, 21%, 82%)

CMYK

cmyk(0%, 11%, 21%, 18%)

Oklch

oklch(80.5% 0.038 65.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDCDB5

B6B6CD

Analogous

CDC2B6

CDCDB5

C2CDB6

Triadic

CDCDB5

B6CDCD

CDB6CD

Split-Comp.

CDCDB5

B6C2CD

C2B6CD

Tetradic

CDCDB5

B6CDC2

B6B6CD

CDB6C2

Contrast Matrix WCAG 2.1 Contrast

CDCDB5	A2A9A1	FFF7E2	B6977A	D1BBA6
—	1.5 Fail	1.5 Fail	1.7 Fail	1.1 Fail
1.5 Fail	—	2.3 Fail	1.1 Fail	1.3 Fail
1.5 Fail	2.3 Fail	—	2.6 Fail	1.7 Fail
1.7 Fail	1.1 Fail	2.6 Fail	—	1.5 Fail
1.1 Fail	1.3 Fail	1.7 Fail	1.5 Fail	—

White BG

1.6Fail

2.4Fail

1.1Fail

2.7Fail

1.8Fail

Black BG

13.0AAA

8.7AAA

19.7AAA

7.7AAA

11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDBB

A5A5A3

FCFBE7

A9A881

C7C7AB

Deuteranopia

CDCDBC

A5A4A3

FCFDE8

AAAD83

C9CAAC

Tritanopia

CDBFC0

A2A4A5

FFEBEC

B48788

D0AFB0

Achromatopsia

CACACA

A6A6A6

F7F7F7

9D9D9D

BFBFBF

Shades & Tints Shades & Tints

#CDCDB5

Dark

Light

#A2A9A1

Dark

Light

#FFF7E2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdcdb5;
  --color-2: #a2a9a1;
  --color-3: #fff7e2;
  --color-4: #b6977a;
  --color-5: #d1bba6;
}

SCSS

$color-1: #cdcdb5;
$color-2: #a2a9a1;
$color-3: #fff7e2;
$color-4: #b6977a;
$color-5: #d1bba6;

TAILWIND

colors: {
  'brand-1': '#cdcdb5',
  'brand-2': '#a2a9a1',
  'brand-3': '#fff7e2',
  'brand-4': '#b6977a',
  'brand-5': '#d1bba6',
}

RGB Array

[205, 205, 181], [162, 169, 161], [255, 247, 226], [182, 151, 122], [209, 187, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDCDB5, #A2A9A1, #FFF7E2, #B6977A, #D1BBA6 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: #cdcdb5; --color-2: #a2a9a1; --color-3: #fff7e2; --color-4: #b6977a; --color-5: #d1bba6. 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