#85727F + #AB7BA7 + #CFA9B5 + #F2DDBB + #FAF6C0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#85727F

Rose Purple · Gray · Warm Gray

HEX

#85727F

RGB

rgb(133, 114, 127)

HSL

hsl(319, 8%, 48%)

HSB

hsb(319, 14%, 52%)

CMYK

cmyk(0%, 14%, 5%, 48%)

Oklch

oklch(57.4% 0.030 337.5)

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

#AB7BA7

Rose Purple · DarkGray · Violet

HEX

#AB7BA7

RGB

rgb(171, 123, 167)

HSL

hsl(305, 22%, 58%)

HSB

hsb(305, 28%, 67%)

CMYK

cmyk(0%, 28%, 2%, 33%)

Oklch

oklch(64.5% 0.085 329.4)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#CFA9B5

Rouge · Silver · Rose Pink

HEX

#CFA9B5

RGB

rgb(207, 169, 181)

HSL

hsl(341, 28%, 74%)

HSB

hsb(341, 18%, 81%)

CMYK

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

Oklch

oklch(77.2% 0.047 357.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F2DDBB

Goose Yellow · Wheat · Peach Orange

HEX

#F2DDBB

RGB

rgb(242, 221, 187)

HSL

hsl(37, 68%, 84%)

HSB

hsb(37, 23%, 95%)

CMYK

cmyk(0%, 9%, 23%, 5%)

Oklch

oklch(90.6% 0.050 79.8)

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

#FAF6C0

Fresh Green · Bisque · Lemon Cream

HEX

#FAF6C0

RGB

rgb(250, 246, 192)

HSL

hsl(56, 85%, 87%)

HSB

hsb(56, 23%, 98%)

CMYK

cmyk(0%, 2%, 23%, 2%)

Oklch

oklch(96.3% 0.069 104.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85727F

718477

Analogous

817184

85727F

847174

Triadic

85727F

7E8471

717E84

Split-Comp.

85727F

748471

718481

Tetradic

85727F

848171

718477

717484

Contrast Matrix WCAG 2.1 Contrast

85727F	AB7BA7	CFA9B5	F2DDBB	FAF6C0
—	1.3 Fail	2.1 Fail	3.4 AA Large	4.0 AA Large
1.3 Fail	—	1.6 Fail	2.6 Fail	3.1 AA Large
2.1 Fail	1.6 Fail	—	1.6 Fail	1.9 Fail
3.4 AA Large	2.6 Fail	1.6 Fail	—	1.2 Fail
4.0 AA Large	3.1 AA Large	1.9 Fail	1.2 Fail	—

White BG

4.5AA Large

3.4AA Large

2.1Fail

1.3Fail

1.1Fail

Black BG

4.7AA

6.1AA

10.0AAA

15.8AAA

19.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7D7C

96969C

BFBEB2

E9E9C3

F8F8CD

Deuteranopia

7E7F7B

999D9A

C1C4B1

EAECC5

F9F9D0

Tritanopia

847979

A99492

CDB0AF

F1CACB

FAD7DA

Achromatopsia

797979

8E8E8E

B6B6B6

DFDFDF

F1F1F1

Shades & Tints Shades & Tints

#85727F

Dark

Light

#AB7BA7

Dark

Light

#CFA9B5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85727f;
  --color-2: #ab7ba7;
  --color-3: #cfa9b5;
  --color-4: #f2ddbb;
  --color-5: #faf6c0;
}

SCSS

$color-1: #85727f;
$color-2: #ab7ba7;
$color-3: #cfa9b5;
$color-4: #f2ddbb;
$color-5: #faf6c0;

TAILWIND

colors: {
  'brand-1': '#85727f',
  'brand-2': '#ab7ba7',
  'brand-3': '#cfa9b5',
  'brand-4': '#f2ddbb',
  'brand-5': '#faf6c0',
}

RGB Array

[133, 114, 127], [171, 123, 167], [207, 169, 181], [242, 221, 187], [250, 246, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85727F, #AB7BA7, #CFA9B5, #F2DDBB, #FAF6C0 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: #85727f; --color-2: #ab7ba7; --color-3: #cfa9b5; --color-4: #f2ddbb; --color-5: #faf6c0. 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