#A06C74 + #BE7881 + #D98388 + #E9BDA3 + #F8DBBD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A06C74

Crimson · Gray · Passion Red

HEX

#A06C74

RGB

rgb(160, 108, 116)

HSL

hsl(351, 21%, 53%)

HSB

hsb(351, 33%, 63%)

CMYK

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

Oklch

oklch(58.8% 0.067 9.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#BE7881

Peach Pink · LightCoral · Coral Red

HEX

#BE7881

RGB

rgb(190, 120, 129)

HSL

hsl(352, 35%, 61%)

HSB

hsb(352, 37%, 75%)

CMYK

cmyk(0%, 37%, 32%, 25%)

Oklch

oklch(64.9% 0.088 11.4)

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

#D98388

Peach Pink · LightCoral · Coral Red

HEX

#D98388

RGB

rgb(217, 131, 136)

HSL

hsl(357, 53%, 68%)

HSB

hsb(357, 40%, 85%)

CMYK

cmyk(0%, 40%, 37%, 15%)

Oklch

oklch(70.2% 0.106 16.4)

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

#E9BDA3

Apricot · BurlyWood · Peach Orange

HEX

#E9BDA3

RGB

rgb(233, 189, 163)

HSL

hsl(22, 61%, 78%)

HSB

hsb(22, 30%, 91%)

CMYK

cmyk(0%, 19%, 30%, 9%)

Oklch

oklch(83.1% 0.062 52.2)

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

#F8DBBD

Goose Yellow · Wheat · Peach Orange

HEX

#F8DBBD

RGB

rgb(248, 219, 189)

HSL

hsl(31, 81%, 86%)

HSB

hsb(31, 24%, 97%)

CMYK

cmyk(0%, 12%, 24%, 3%)

Oklch

oklch(90.8% 0.051 68.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A06C74

6EA099

Analogous

A06E8F

A06C74

A0806E

Triadic

A06C74

76A06E

6E76A0

Split-Comp.

A06C74

6EA080

6E8FA0

Tetradic

A06C74

8FA06E

6EA099

806EA0

Contrast Matrix WCAG 2.1 Contrast

A06C74	BE7881	D98388	E9BDA3	F8DBBD
—	1.3 Fail	1.5 Fail	2.5 Fail	3.2 AA Large
1.3 Fail	—	1.2 Fail	2.0 Fail	2.6 Fail
1.5 Fail	1.2 Fail	—	1.6 Fail	2.1 Fail
2.5 Fail	2.0 Fail	1.6 Fail	—	1.3 Fail
3.2 AA Large	2.6 Fail	2.1 Fail	1.3 Fail	—

White BG

4.3AA Large

3.4AA Large

2.8Fail

1.7Fail

1.3Fail

Black BG

4.9AA

6.2AA

7.6AAA

12.3AAA

15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

898972

A09F7F

B4B387

D6D6A9

EBEBC4

Deuteranopia

8D9072

A4A97E

B9BF87

D9DCAB

EDEFC6

Tritanopia

9D7170

BB7D7D

D58686

E7AEAF

F7CACB

Achromatopsia

7C7C7C

8E8E8E

9D9D9D

C7C7C7

E0E0E0

Shades & Tints Shades & Tints

#A06C74

Dark

Light

#BE7881

Dark

Light

#D98388

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a06c74;
  --color-2: #be7881;
  --color-3: #d98388;
  --color-4: #e9bda3;
  --color-5: #f8dbbd;
}

SCSS

$color-1: #a06c74;
$color-2: #be7881;
$color-3: #d98388;
$color-4: #e9bda3;
$color-5: #f8dbbd;

TAILWIND

colors: {
  'brand-1': '#a06c74',
  'brand-2': '#be7881',
  'brand-3': '#d98388',
  'brand-4': '#e9bda3',
  'brand-5': '#f8dbbd',
}

RGB Array

[160, 108, 116], [190, 120, 129], [217, 131, 136], [233, 189, 163], [248, 219, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A06C74, #BE7881, #D98388, #E9BDA3, #F8DBBD 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: #a06c74; --color-2: #be7881; --color-3: #d98388; --color-4: #e9bda3; --color-5: #f8dbbd. 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