#7A6B75 + #B29A94 + #DB9E8D + #F5B88D + #FAD4BA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#7A6B75

Ink Gray · DimGray · Warm Gray

HEX

#7A6B75

RGB

rgb(122, 107, 117)

HSL

hsl(320, 7%, 45%)

HSB

hsb(320, 12%, 48%)

CMYK

cmyk(0%, 12%, 4%, 52%)

Oklch

oklch(54.5% 0.024 338.1)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#B29A94

Peach Pink · DarkGray · Coral Red

HEX

#B29A94

RGB

rgb(178, 154, 148)

HSL

hsl(12, 16%, 64%)

HSB

hsb(12, 17%, 70%)

CMYK

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

Oklch

oklch(70.6% 0.030 34.3)

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

#DB9E8D

Peach Pink · Tan · Coral Red

HEX

#DB9E8D

RGB

rgb(219, 158, 141)

HSL

hsl(13, 52%, 71%)

HSB

hsb(13, 36%, 86%)

CMYK

cmyk(0%, 28%, 36%, 14%)

Oklch

oklch(75.3% 0.077 36.2)

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

#F5B88D

Apricot · BurlyWood · Peach Orange

HEX

#F5B88D

RGB

rgb(245, 184, 141)

HSL

hsl(25, 84%, 76%)

HSB

hsb(25, 42%, 96%)

CMYK

cmyk(0%, 25%, 42%, 4%)

Oklch

oklch(82.9% 0.091 56.3)

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

#FAD4BA

Apricot · Wheat · Peach Orange

HEX

#FAD4BA

RGB

rgb(250, 212, 186)

HSL

hsl(24, 86%, 85%)

HSB

hsb(24, 26%, 98%)

CMYK

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

Oklch

oklch(89.6% 0.055 56.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A6B75

6B7B70

Analogous

786B7B

7A6B75

7B6B6D

Triadic

7A6B75

757B6B

6B757B

Split-Comp.

7A6B75

6D7B6B

6B7B78

Tetradic

7A6B75

7B786B

6B7B70

6B6D7B

Contrast Matrix WCAG 2.1 Contrast

7A6B75	B29A94	DB9E8D	F5B88D	FAD4BA
—	1.9 Fail	2.2 Fail	2.9 Fail	3.6 AA Large
1.9 Fail	—	1.2 Fail	1.5 Fail	1.9 Fail
2.2 Fail	1.2 Fail	—	1.3 Fail	1.6 Fail
2.9 Fail	1.5 Fail	1.3 Fail	—	1.3 Fail
3.6 AA Large	1.9 Fail	1.6 Fail	1.3 Fail	—

White BG

5.0AA

2.6Fail

2.3Fail

1.7Fail

1.4Fail

Black BG

4.2AA Large

7.9AAA

9.3AAA

12.1AAA

15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

747373

A8A795

C1C091

DBDA97

EAE9C0

Deuteranopia

747672

A9AB96

C4C992

DEE39A

ECEFC2

Tritanopia

797170

B19797

D89495

F2A0A1

F8C5C6

Achromatopsia

717171

A0A0A0

AEAEAE

C5C5C5

DCDCDC

Shades & Tints Shades & Tints

#7A6B75

Dark

Light

#B29A94

Dark

Light

#DB9E8D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a6b75;
  --color-2: #b29a94;
  --color-3: #db9e8d;
  --color-4: #f5b88d;
  --color-5: #fad4ba;
}

SCSS

$color-1: #7a6b75;
$color-2: #b29a94;
$color-3: #db9e8d;
$color-4: #f5b88d;
$color-5: #fad4ba;

TAILWIND

colors: {
  'brand-1': '#7a6b75',
  'brand-2': '#b29a94',
  'brand-3': '#db9e8d',
  'brand-4': '#f5b88d',
  'brand-5': '#fad4ba',
}

RGB Array

[122, 107, 117], [178, 154, 148], [219, 158, 141], [245, 184, 141], [250, 212, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A6B75, #B29A94, #DB9E8D, #F5B88D, #FAD4BA 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: #7a6b75; --color-2: #b29a94; --color-3: #db9e8d; --color-4: #f5b88d; --color-5: #fad4ba. 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