#CDB1C2 + #F5B0BA + #F0C2B0 + #E8D7AB + #DBE2C2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CDB1C2

Mauve · Silver · Rose Pink

HEX

#CDB1C2

RGB

rgb(205, 177, 194)

HSL

hsl(324, 22%, 75%)

HSB

hsb(324, 14%, 80%)

CMYK

cmyk(0%, 14%, 5%, 20%)

Oklch

oklch(79.0% 0.039 341.0)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#F5B0BA

Peach Pink · LightPink · Cherry Blossom

HEX

#F5B0BA

RGB

rgb(245, 176, 186)

HSL

hsl(351, 78%, 83%)

HSB

hsb(351, 28%, 96%)

CMYK

cmyk(0%, 28%, 24%, 4%)

Oklch

oklch(82.5% 0.082 9.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#F0C2B0

Apricot · LightPink · Peach Orange

HEX

#F0C2B0

RGB

rgb(240, 194, 176)

HSL

hsl(17, 68%, 82%)

HSB

hsb(17, 27%, 94%)

CMYK

cmyk(0%, 19%, 27%, 6%)

Oklch

oklch(85.0% 0.058 42.4)

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

#E8D7AB

Goose Yellow · Wheat · Lemon Cream

HEX

#E8D7AB

RGB

rgb(232, 215, 171)

HSL

hsl(43, 57%, 79%)

HSB

hsb(43, 26%, 91%)

CMYK

cmyk(0%, 7%, 26%, 9%)

Oklch

oklch(88.2% 0.061 89.4)

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

#DBE2C2

Willow Green · LightGray · Mint Green

HEX

#DBE2C2

RGB

rgb(219, 226, 194)

HSL

hsl(73, 36%, 82%)

HSB

hsb(73, 14%, 89%)

CMYK

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

Oklch

oklch(89.9% 0.043 117.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDB1C2

B1CDBC

Analogous

CAB1CD

CDB1C2

CDB1B4

Triadic

CDB1C2

C2CDB1

B1C2CD

Split-Comp.

CDB1C2

B4CDB1

B1CDCA

Tetradic

CDB1C2

CDCAB1

B1CDBC

B1B4CD

Contrast Matrix WCAG 2.1 Contrast

CDB1C2	F5B0BA	F0C2B0	E8D7AB	DBE2C2
—	1.1 Fail	1.2 Fail	1.4 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.4 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.5 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

2.0Fail

1.8Fail

1.6Fail

1.4Fail

1.3Fail

Black BG

10.7AAA

11.8AAA

13.0AAA

14.7AAA

15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1BE

D7D7B8

DCDCB4

E1E0B6

DEDECA

Deuteranopia

C3C5BD

DBE0B7

DFE2B5

E2E3B8

DEDDCC

Tritanopia

CCBBBA

F2B6B5

EEB8B9

E7BEC0

DBD0D1

Achromatopsia

BBBBBB

C6C6C6

CECECE

D7D7D7

DCDCDC

Shades & Tints Shades & Tints

#CDB1C2

Dark

Light

#F5B0BA

Dark

Light

#F0C2B0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdb1c2;
  --color-2: #f5b0ba;
  --color-3: #f0c2b0;
  --color-4: #e8d7ab;
  --color-5: #dbe2c2;
}

SCSS

$color-1: #cdb1c2;
$color-2: #f5b0ba;
$color-3: #f0c2b0;
$color-4: #e8d7ab;
$color-5: #dbe2c2;

TAILWIND

colors: {
  'brand-1': '#cdb1c2',
  'brand-2': '#f5b0ba',
  'brand-3': '#f0c2b0',
  'brand-4': '#e8d7ab',
  'brand-5': '#dbe2c2',
}

RGB Array

[205, 177, 194], [245, 176, 186], [240, 194, 176], [232, 215, 171], [219, 226, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDB1C2, #F5B0BA, #F0C2B0, #E8D7AB, #DBE2C2 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: #cdb1c2; --color-2: #f5b0ba; --color-3: #f0c2b0; --color-4: #e8d7ab; --color-5: #dbe2c2. 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