#D0A9B0 + #EFBCAB + #F5D5B9 + #F6E7C7 + #907C8F · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#D0A9B0

Peach Pink · Silver · Coral Red

HEX

#D0A9B0

RGB

rgb(208, 169, 176)

HSL

hsl(349, 29%, 74%)

HSB

hsb(349, 19%, 82%)

CMYK

cmyk(0%, 19%, 15%, 18%)

Oklch

oklch(77.2% 0.047 6.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EFBCAB

Apricot · LightPink · Peach Orange

HEX

#EFBCAB

RGB

rgb(239, 188, 171)

HSL

hsl(15, 68%, 80%)

HSB

hsb(15, 28%, 94%)

CMYK

cmyk(0%, 21%, 28%, 6%)

Oklch

oklch(83.6% 0.064 39.2)

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

#F5D5B9

Apricot · Wheat · Peach Orange

HEX

#F5D5B9

RGB

rgb(245, 213, 185)

HSL

hsl(28, 75%, 84%)

HSB

hsb(28, 24%, 96%)

CMYK

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

Oklch

oklch(89.3% 0.052 63.3)

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

#F6E7C7

Goose Yellow · Bisque · Lemon Cream

HEX

#F6E7C7

RGB

rgb(246, 231, 199)

HSL

hsl(41, 72%, 87%)

HSB

hsb(41, 19%, 96%)

CMYK

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

Oklch

oklch(93.2% 0.045 85.9)

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

#907C8F

Rose Purple · Gray · Warm Gray

HEX

#907C8F

RGB

rgb(144, 124, 143)

HSL

hsl(303, 8%, 53%)

HSB

hsb(303, 14%, 56%)

CMYK

cmyk(0%, 14%, 1%, 44%)

Oklch

oklch(61.1% 0.037 327.6)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0A9B0

A9D0C9

Analogous

D0A9C4

D0A9B0

D0B6A9

Triadic

D0A9B0

B1D0A9

A9B1D0

Split-Comp.

D0A9B0

A9D0B6

A9C4D0

Tetradic

D0A9B0

C4D0A9

A9D0C9

B6A9D0

Contrast Matrix WCAG 2.1 Contrast

D0A9B0	EFBCAB	F5D5B9	F6E7C7	907C8F
—	1.2 Fail	1.5 Fail	1.7 Fail	1.8 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	2.3 Fail
1.5 Fail	1.2 Fail	—	1.1 Fail	2.8 Fail
1.7 Fail	1.4 Fail	1.1 Fail	—	3.1 AA Large
1.8 Fail	2.3 Fail	2.8 Fail	3.1 AA Large	—

White BG

2.1Fail

1.7Fail

1.4Fail

1.2Fail

3.8AA Large

Black BG

10.0AAA

12.5AAA

15.1AAA

17.2AAA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBFAE

D9D8AF

E7E7C0

F0EFCF

87878A

Deuteranopia

C1C4AE

DCE0B0

E9EBC1

F0F2D1

898A89

Tritanopia

CEADAD

ECB2B3

F3C5C6

F5D5D6

8F8786

Achromatopsia

B5B5B5

C9C9C9

DBDBDB

E8E8E8

848484

Shades & Tints Shades & Tints

#D0A9B0

Dark

Light

#EFBCAB

Dark

Light

#F5D5B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0a9b0;
  --color-2: #efbcab;
  --color-3: #f5d5b9;
  --color-4: #f6e7c7;
  --color-5: #907c8f;
}

SCSS

$color-1: #d0a9b0;
$color-2: #efbcab;
$color-3: #f5d5b9;
$color-4: #f6e7c7;
$color-5: #907c8f;

TAILWIND

colors: {
  'brand-1': '#d0a9b0',
  'brand-2': '#efbcab',
  'brand-3': '#f5d5b9',
  'brand-4': '#f6e7c7',
  'brand-5': '#907c8f',
}

RGB Array

[208, 169, 176], [239, 188, 171], [245, 213, 185], [246, 231, 199], [144, 124, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #D0A9B0, #EFBCAB, #F5D5B9, #F6E7C7, #907C8F 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: #d0a9b0; --color-2: #efbcab; --color-3: #f5d5b9; --color-4: #f6e7c7; --color-5: #907c8f. 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