#FFD6D0 + #D8A69D + #F7E9E0 + #D7CE89 + #A49A65 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFD6D0

Peach Pink · Bisque · Cherry Blossom

HEX

#FFD6D0

RGB

rgb(255, 214, 208)

HSL

hsl(8, 100%, 91%)

HSB

hsb(8, 18%, 100%)

CMYK

cmyk(0%, 16%, 18%, 0%)

Oklch

oklch(90.9% 0.047 27.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D8A69D

Peach Pink · Tan · Coral Red

HEX

#D8A69D

RGB

rgb(216, 166, 157)

HSL

hsl(9, 43%, 73%)

HSB

hsb(9, 27%, 85%)

CMYK

cmyk(0%, 23%, 27%, 15%)

Oklch

oklch(76.9% 0.061 30.2)

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

#F7E9E0

Apricot · Linen · Peach Orange

HEX

#F7E9E0

RGB

rgb(247, 233, 224)

HSL

hsl(23, 59%, 92%)

HSB

hsb(23, 9%, 97%)

CMYK

cmyk(0%, 6%, 9%, 3%)

Oklch

oklch(94.3% 0.019 55.1)

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

#D7CE89

Fresh Green · BurlyWood · Sunflower

HEX

#D7CE89

RGB

rgb(215, 206, 137)

HSL

hsl(53, 49%, 69%)

HSB

hsb(53, 36%, 84%)

CMYK

cmyk(0%, 4%, 36%, 16%)

Oklch

oklch(84.3% 0.089 101.7)

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

#A49A65

Autumn Sage · Gray · Sunflower

HEX

#A49A65

RGB

rgb(164, 154, 101)

HSL

hsl(50, 26%, 52%)

HSB

hsb(50, 38%, 64%)

CMYK

cmyk(0%, 6%, 38%, 36%)

Oklch

oklch(68.2% 0.073 98.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD6D0

D1F9FF

Analogous

FFD1E2

FFD6D0

FFEED1

Triadic

FFD6D0

D1FFD7

D7D1FF

Split-Comp.

FFD6D0

D1FFEE

D1E2FF

Tetradic

FFD6D0

E2FFD1

D1F9FF

EED1FF

Contrast Matrix WCAG 2.1 Contrast

FFD6D0	D8A69D	F7E9E0	D7CE89	A49A65
—	1.6 Fail	1.1 Fail	1.2 Fail	2.1 Fail
1.6 Fail	—	1.8 Fail	1.3 Fail	1.3 Fail
1.1 Fail	1.8 Fail	—	1.4 Fail	2.4 Fail
1.2 Fail	1.3 Fail	1.4 Fail	—	1.8 Fail
2.1 Fail	1.3 Fail	2.4 Fail	1.8 Fail	—

White BG

1.3Fail

2.1Fail

1.2Fail

1.6Fail

2.8Fail

Black BG

15.8AAA

9.9AAA

17.7AAA

13.1AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDD1

C2C29F

F1F1E2

D3D39A

A0A072

Deuteranopia

F0F3D2

C5C9A0

F2F3E3

D4D49E

A0A175

Tritanopia

FDD3D3

D6A1A1

F6E4E4

D7A7AA

A37C7E

Achromatopsia

E2E2E2

B4B4B4

ECECEC

C9C9C9

979797

Shades & Tints Shades & Tints

#FFD6D0

Dark

Light

#D8A69D

Dark

Light

#F7E9E0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd6d0;
  --color-2: #d8a69d;
  --color-3: #f7e9e0;
  --color-4: #d7ce89;
  --color-5: #a49a65;
}

SCSS

$color-1: #ffd6d0;
$color-2: #d8a69d;
$color-3: #f7e9e0;
$color-4: #d7ce89;
$color-5: #a49a65;

TAILWIND

colors: {
  'brand-1': '#ffd6d0',
  'brand-2': '#d8a69d',
  'brand-3': '#f7e9e0',
  'brand-4': '#d7ce89',
  'brand-5': '#a49a65',
}

RGB Array

[255, 214, 208], [216, 166, 157], [247, 233, 224], [215, 206, 137], [164, 154, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFD6D0, #D8A69D, #F7E9E0, #D7CE89, #A49A65 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: #ffd6d0; --color-2: #d8a69d; --color-3: #f7e9e0; --color-4: #d7ce89; --color-5: #a49a65. 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