#D4A3B9 + #F2D6ED + #D2BD96 + #FCA49A + #CDEBDB · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#D4A3B9

Rouge · Silver · Rose Pink

HEX

#D4A3B9

RGB

rgb(212, 163, 185)

HSL

hsl(333, 36%, 74%)

HSB

hsb(333, 23%, 83%)

CMYK

cmyk(0%, 23%, 13%, 17%)

Oklch

oklch(76.7% 0.064 350.0)

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

#F2D6ED

Mauve · Lavender · Lavender

HEX

#F2D6ED

RGB

rgb(242, 214, 237)

HSL

hsl(311, 52%, 89%)

HSB

hsb(311, 12%, 95%)

CMYK

cmyk(0%, 12%, 2%, 5%)

Oklch

oklch(90.6% 0.043 331.9)

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

#D2BD96

Goose Yellow · Tan · Warm Sun

HEX

#D2BD96

RGB

rgb(210, 189, 150)

HSL

hsl(39, 40%, 71%)

HSB

hsb(39, 29%, 82%)

CMYK

cmyk(0%, 10%, 29%, 18%)

Oklch

oklch(80.6% 0.057 82.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FCA49A

Peach Pink · LightSalmon · Coral Red

HEX

#FCA49A

RGB

rgb(252, 164, 154)

HSL

hsl(6, 94%, 80%)

HSB

hsb(6, 39%, 99%)

CMYK

cmyk(0%, 35%, 39%, 1%)

Oklch

oklch(80.3% 0.106 26.7)

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

#CDEBDB

Celadon · LightGray · Mint Green

HEX

#CDEBDB

RGB

rgb(205, 235, 219)

HSL

hsl(148, 43%, 86%)

HSB

hsb(148, 13%, 92%)

CMYK

cmyk(13%, 0%, 7%, 8%)

Oklch

oklch(91.4% 0.038 162.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4A3B9

A5D5BF

Analogous

D5A5D2

D4A3B9

D5A7A5

Triadic

D4A3B9

BAD5A5

A5BAD5

Split-Comp.

D4A3B9

A5D5A7

A5D2D5

Tetradic

D4A3B9

D2D5A5

A5D5BF

A7A5D5

Contrast Matrix WCAG 2.1 Contrast

D4A3B9	F2D6ED	D2BD96	FCA49A	CDEBDB
—	1.6 Fail	1.2 Fail	1.1 Fail	1.7 Fail
1.6 Fail	—	1.4 Fail	1.4 Fail	1.1 Fail
1.2 Fail	1.4 Fail	—	1.0 Fail	1.4 Fail
1.1 Fail	1.4 Fail	1.0 Fail	—	1.5 Fail
1.7 Fail	1.1 Fail	1.4 Fail	1.5 Fail	—

White BG

2.2Fail

1.3Fail

1.8Fail

1.9Fail

1.3Fail

Black BG

9.7AAA

15.6AAA

11.5AAA

10.9AAA

16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBEB4

E6E6E7

C9C99F

D6D59C

DADADF

Deuteranopia

C2C5B2

E8EAE6

CACCA2

DBE29D

D8D6E0

Tritanopia

D2AFAF

F1E3E2

D1A7A9

F89E9F

CFE2E3

Achromatopsia

B4B4B4

E1E1E1

BFBFBF

BDBDBD

E0E0E0

Shades & Tints Shades & Tints

#D4A3B9

Dark

Light

#F2D6ED

Dark

Light

#D2BD96

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4a3b9;
  --color-2: #f2d6ed;
  --color-3: #d2bd96;
  --color-4: #fca49a;
  --color-5: #cdebdb;
}

SCSS

$color-1: #d4a3b9;
$color-2: #f2d6ed;
$color-3: #d2bd96;
$color-4: #fca49a;
$color-5: #cdebdb;

TAILWIND

colors: {
  'brand-1': '#d4a3b9',
  'brand-2': '#f2d6ed',
  'brand-3': '#d2bd96',
  'brand-4': '#fca49a',
  'brand-5': '#cdebdb',
}

RGB Array

[212, 163, 185], [242, 214, 237], [210, 189, 150], [252, 164, 154], [205, 235, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #D4A3B9, #F2D6ED, #D2BD96, #FCA49A, #CDEBDB 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: #d4a3b9; --color-2: #f2d6ed; --color-3: #d2bd96; --color-4: #fca49a; --color-5: #cdebdb. 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 nature-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