#9C7E78 + #FF7A73 + #F7AFA1 + #D1C8BA + #BAD4CD · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#9C7E78

Crimson · Gray · Passion Red

HEX

#9C7E78

RGB

rgb(156, 126, 120)

HSL

hsl(10, 15%, 54%)

HSB

hsb(10, 23%, 61%)

CMYK

cmyk(0%, 19%, 23%, 39%)

Oklch

oklch(62.0% 0.038 31.3)

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

#FF7A73

Peach Pink · Salmon · Coral Red

HEX

#FF7A73

RGB

rgb(255, 122, 115)

HSL

hsl(3, 100%, 73%)

HSB

hsb(3, 55%, 100%)

CMYK

cmyk(0%, 52%, 55%, 0%)

Oklch

oklch(73.3% 0.164 24.9)

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

#F7AFA1

Peach Pink · LightPink · Coral Red

HEX

#F7AFA1

RGB

rgb(247, 175, 161)

HSL

hsl(10, 84%, 80%)

HSB

hsb(10, 35%, 97%)

CMYK

cmyk(0%, 29%, 35%, 3%)

Oklch

oklch(81.9% 0.087 31.3)

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

#D1C8BA

Goose Yellow · Silver · Peach Orange

HEX

#D1C8BA

RGB

rgb(209, 200, 186)

HSL

hsl(37, 20%, 77%)

HSB

hsb(37, 11%, 82%)

CMYK

cmyk(0%, 4%, 11%, 18%)

Oklch

oklch(83.6% 0.022 79.1)

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

#BAD4CD

Jade · Silver · Glacier Blue

HEX

#BAD4CD

RGB

rgb(186, 212, 205)

HSL

hsl(164, 23%, 78%)

HSB

hsb(164, 12%, 83%)

CMYK

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

Oklch

oklch(84.9% 0.029 177.6)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C7E78

78959B

Analogous

9B7884

9C7E78

9B9078

Triadic

9C7E78

789B7E

7E789B

Split-Comp.

9C7E78

789B90

78849B

Tetradic

9C7E78

849B78

78959B

90789B

Contrast Matrix WCAG 2.1 Contrast

9C7E78	FF7A73	F7AFA1	D1C8BA	BAD4CD
—	1.5 Fail	2.0 Fail	2.2 Fail	2.4 Fail
1.5 Fail	—	1.4 Fail	1.5 Fail	1.6 Fail
2.0 Fail	1.4 Fail	—	1.1 Fail	1.2 Fail
2.2 Fail	1.5 Fail	1.1 Fail	—	1.1 Fail
2.4 Fail	1.6 Fail	1.2 Fail	1.1 Fail	—

White BG

3.7AA Large

2.5Fail

1.8Fail

1.7Fail

1.6Fail

Black BG

5.7AA

8.3AAA

11.6AAA

12.7AAA

13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8F79

C5C475

D8D7A4

CDCDBD

C5C5CF

Deuteranopia

91937A

CDD775

DCE1A5

CECEBE

C4C2CF

Tritanopia

9B7B7B

F87676

F3A7A8

D1C0C1

BBD0D0

Achromatopsia

868686

A1A1A1

C3C3C3

C9C9C9

CBCBCB

Shades & Tints Shades & Tints

#9C7E78

Dark

Light

#FF7A73

Dark

Light

#F7AFA1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c7e78;
  --color-2: #ff7a73;
  --color-3: #f7afa1;
  --color-4: #d1c8ba;
  --color-5: #bad4cd;
}

SCSS

$color-1: #9c7e78;
$color-2: #ff7a73;
$color-3: #f7afa1;
$color-4: #d1c8ba;
$color-5: #bad4cd;

TAILWIND

colors: {
  'brand-1': '#9c7e78',
  'brand-2': '#ff7a73',
  'brand-3': '#f7afa1',
  'brand-4': '#d1c8ba',
  'brand-5': '#bad4cd',
}

RGB Array

[156, 126, 120], [255, 122, 115], [247, 175, 161], [209, 200, 186], [186, 212, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #9C7E78, #FF7A73, #F7AFA1, #D1C8BA, #BAD4CD 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: #9c7e78; --color-2: #ff7a73; --color-3: #f7afa1; --color-4: #d1c8ba; --color-5: #bad4cd. 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 minimal-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