#D5A29E + #B8A07E + #BFC2A5 + #C4D8BC + #F1DFC7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D5A29E

Peach Pink · Tan · Coral Red

HEX

#D5A29E

RGB

rgb(213, 162, 158)

HSL

hsl(4, 40%, 73%)

HSB

hsb(4, 26%, 84%)

CMYK

cmyk(0%, 24%, 26%, 16%)

Oklch

oklch(75.9% 0.061 23.7)

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

#B8A07E

Ginger · Tan · Warm Sun

HEX

#B8A07E

RGB

rgb(184, 160, 126)

HSL

hsl(35, 29%, 61%)

HSB

hsb(35, 32%, 72%)

CMYK

cmyk(0%, 13%, 32%, 28%)

Oklch

oklch(71.8% 0.055 76.3)

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

#BFC2A5

Fresh Green · Silver · Sunflower

HEX

#BFC2A5

RGB

rgb(191, 194, 165)

HSL

hsl(66, 19%, 70%)

HSB

hsb(66, 15%, 76%)

CMYK

cmyk(2%, 0%, 15%, 24%)

Oklch

oklch(80.4% 0.040 112.1)

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

#C4D8BC

Celadon · Silver · Apple Green

HEX

#C4D8BC

RGB

rgb(196, 216, 188)

HSL

hsl(103, 26%, 79%)

HSB

hsb(103, 13%, 85%)

CMYK

cmyk(9%, 0%, 13%, 15%)

Oklch

oklch(86.0% 0.044 136.7)

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

#F1DFC7

Goose Yellow · Bisque · Peach Orange

HEX

#F1DFC7

RGB

rgb(241, 223, 199)

HSL

hsl(34, 60%, 86%)

HSB

hsb(34, 17%, 95%)

CMYK

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

Oklch

oklch(91.2% 0.038 75.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5A29E

9FD2D6

Analogous

D69FB6

D5A29E

D6BE9F

Triadic

D5A29E

9FD6A2

A29FD6

Split-Comp.

D5A29E

9FD6BE

9FB6D6

Tetradic

D5A29E

B6D69F

9FD2D6

BE9FD6

Contrast Matrix WCAG 2.1 Contrast

D5A29E	B8A07E	BFC2A5	C4D8BC	F1DFC7
—	1.1 Fail	1.2 Fail	1.5 Fail	1.7 Fail
1.1 Fail	—	1.4 Fail	1.7 Fail	1.9 Fail
1.2 Fail	1.4 Fail	—	1.2 Fail	1.4 Fail
1.5 Fail	1.7 Fail	1.2 Fail	—	1.2 Fail
1.7 Fail	1.9 Fail	1.4 Fail	1.2 Fail	—

White BG

2.2Fail

2.5Fail

1.8Fail

1.5Fail

1.3Fail

Black BG

9.5AAA

8.4AAA

11.5AAA

13.9AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBE9F

AEAD86

C0C0AC

CDCDC3

E9E9CD

Deuteranopia

C2C69F

AFB188

C0C0AE

CCCAC4

EAECCE

Tritanopia

D2A0A0

B78D8E

BFB2B3

C5C8C9

F0D1D2

Achromatopsia

B1B1B1

A3A3A3

BEBEBE

CFCFCF

E2E2E2

Shades & Tints Shades & Tints

#D5A29E

Dark

Light

#B8A07E

Dark

Light

#BFC2A5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5a29e;
  --color-2: #b8a07e;
  --color-3: #bfc2a5;
  --color-4: #c4d8bc;
  --color-5: #f1dfc7;
}

SCSS

$color-1: #d5a29e;
$color-2: #b8a07e;
$color-3: #bfc2a5;
$color-4: #c4d8bc;
$color-5: #f1dfc7;

TAILWIND

colors: {
  'brand-1': '#d5a29e',
  'brand-2': '#b8a07e',
  'brand-3': '#bfc2a5',
  'brand-4': '#c4d8bc',
  'brand-5': '#f1dfc7',
}

RGB Array

[213, 162, 158], [184, 160, 126], [191, 194, 165], [196, 216, 188], [241, 223, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5A29E, #B8A07E, #BFC2A5, #C4D8BC, #F1DFC7 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: #d5a29e; --color-2: #b8a07e; --color-3: #bfc2a5; --color-4: #c4d8bc; --color-5: #f1dfc7. 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