← Back to Editor

#CAC2A9 · #BDCAAF · #E1D0B6 · #CAB4B4 · #D3C3BA

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

#CAC2A9

Goose Yellow · Silver · Sunflower

HEX
#CAC2A9
RGB
rgb(202, 194, 169)
HSL
hsl(45, 24%, 73%)
HSB
hsb(45, 16%, 79%)
CMYK
cmyk(0%, 4%, 16%, 21%)
Oklch
oklch(81.4% 0.035 92.3)

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

#BDCAAF

Willow Green · Silver · Apple Green

HEX
#BDCAAF
RGB
rgb(189, 202, 175)
HSL
hsl(89, 20%, 74%)
HSB
hsb(89, 13%, 79%)
CMYK
cmyk(6%, 0%, 13%, 21%)
Oklch
oklch(82.2% 0.040 128.3)

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

#E1D0B6

Goose Yellow · Wheat · Peach Orange

HEX
#E1D0B6
RGB
rgb(225, 208, 182)
HSL
hsl(36, 42%, 80%)
HSB
hsb(36, 19%, 88%)
CMYK
cmyk(0%, 8%, 19%, 12%)
Oklch
oklch(86.5% 0.040 78.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CAB4B4

Peach Pink · Silver · Coral Red

HEX
#CAB4B4
RGB
rgb(202, 180, 180)
HSL
hsl(0, 17%, 75%)
HSB
hsb(0, 11%, 79%)
CMYK
cmyk(0%, 11%, 11%, 21%)
Oklch
oklch(78.9% 0.025 17.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D3C3BA

Apricot · Silver · Peach Orange

HEX
#D3C3BA
RGB
rgb(211, 195, 186)
HSL
hsl(22, 22%, 78%)
HSB
hsb(22, 12%, 83%)
CMYK
cmyk(0%, 8%, 12%, 17%)
Oklch
oklch(82.8% 0.022 51.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAC2A9
AAB2CB

Analogous

CBB2AA
CAC2A9
C2CBAA

Triadic

CAC2A9
AACBC2
C2AACB

Split-Comp.

CAC2A9
AAC2CB
B2AACB

Tetradic

CAC2A9
AACBB2
AAB2CB
CBAAC2

Contrast Matrix WCAG 2.1 Contrast

CAC2A9
BDCAAF
E1D0B6
CAB4B4
D3C3BA
—
1.0
Fail
1.2
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.1
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
White BG
1.8Fail
1.7Fail
1.5Fail
2.0Fail
1.7Fail
Black BG
11.8AAA
12.2AAA
13.9AAA
10.7AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C6AF
C3C3B6
DAD9BC
C0C0B4
CCCCBC

Deuteranopia

C7C8B1
C2C1B7
DBDCBE
C2C3B4
CDCEBD

Tritanopia

CAB4B5
BEBBBC
E0C1C2
C9B4B4
D2BEBE

Achromatopsia

C2C2C2
C3C3C3
D2D2D2
BBBBBB
C7C7C7

Shades & Tints Shades & Tints

#CAC2A9

Dark
Light

#BDCAAF

Dark
Light

#E1D0B6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cac2a9;
  --color-2: #bdcaaf;
  --color-3: #e1d0b6;
  --color-4: #cab4b4;
  --color-5: #d3c3ba;
}

SCSS

$color-1: #cac2a9;
$color-2: #bdcaaf;
$color-3: #e1d0b6;
$color-4: #cab4b4;
$color-5: #d3c3ba;

TAILWIND

colors: {
  'brand-1': '#cac2a9',
  'brand-2': '#bdcaaf',
  'brand-3': '#e1d0b6',
  'brand-4': '#cab4b4',
  'brand-5': '#d3c3ba',
}

RGB Array

[202, 194, 169], [189, 202, 175], [225, 208, 182], [202, 180, 180], [211, 195, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CAC2A9, #BDCAAF, #E1D0B6, #CAB4B4, #D3C3BA 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: #cac2a9; --color-2: #bdcaaf; --color-3: #e1d0b6; --color-4: #cab4b4; --color-5: #d3c3ba. 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