#A78D98 + #997BAD + #8E5491 + #FDAD94 + #FCD89C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A78D98

Dark Violet · DarkGray · Rose Pink

HEX

#A78D98

RGB

rgb(167, 141, 152)

HSL

hsl(335, 13%, 60%)

HSB

hsb(335, 16%, 65%)

CMYK

cmyk(0%, 16%, 9%, 35%)

Oklch

oklch(67.0% 0.035 350.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#997BAD

Dark Plum · LightSlateGray · Violet

HEX

#997BAD

RGB

rgb(153, 123, 173)

HSL

hsl(276, 23%, 58%)

HSB

hsb(276, 29%, 68%)

CMYK

cmyk(12%, 29%, 0%, 32%)

Oklch

oklch(62.9% 0.081 311.4)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#8E5491

Dark Plum · Gray · Violet

HEX

#8E5491

RGB

rgb(142, 84, 145)

HSL

hsl(297, 27%, 45%)

HSB

hsb(297, 42%, 57%)

CMYK

cmyk(2%, 42%, 0%, 43%)

Oklch

oklch(53.5% 0.114 325.3)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#FDAD94

Peach Pink · LightSalmon · Coral Red

HEX

#FDAD94

RGB

rgb(253, 173, 148)

HSL

hsl(14, 96%, 79%)

HSB

hsb(14, 42%, 99%)

CMYK

cmyk(0%, 32%, 42%, 1%)

Oklch

oklch(81.9% 0.101 38.1)

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

#FCD89C

Goose Yellow · Khaki · Peach Orange

HEX

#FCD89C

RGB

rgb(252, 216, 156)

HSL

hsl(37, 94%, 80%)

HSB

hsb(37, 38%, 99%)

CMYK

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

Oklch

oklch(89.9% 0.086 80.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A78D98

8CA69B

Analogous

A68CA4

A78D98

A68E8C

Triadic

A78D98

97A68C

8C97A6

Split-Comp.

A78D98

8CA68E

8CA4A6

Tetradic

A78D98

A4A68C

8CA69B

8E8CA6

Contrast Matrix WCAG 2.1 Contrast

A78D98	997BAD	8E5491	FDAD94	FCD89C
—	1.2 Fail	1.8 Fail	1.7 Fail	2.2 Fail
1.2 Fail	—	1.5 Fail	2.0 Fail	2.7 Fail
1.8 Fail	1.5 Fail	—	3.0 AA Large	4.0 AA Large
1.7 Fail	2.0 Fail	3.0 AA Large	—	1.3 Fail
2.2 Fail	2.7 Fail	4.0 AA Large	1.3 Fail	—

White BG

3.0AA Large

3.6AA Large

5.5AA

1.8Fail

1.4Fail

Black BG

6.9AA

5.8AA

3.8AA Large

11.6AAA

15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9C95

8C8CA1

757482

DADA9A

ECECAB

Deuteranopia

9D9F95

8E909E

787D7F

DFE59C

EFF1AE

Tritanopia

A69393

989795

8B7774

F99FA0

FAB6B9

Achromatopsia

969696

8A8A8A

6C6C6C

C2C2C2

DCDCDC

Shades & Tints Shades & Tints

#A78D98

Dark

Light

#997BAD

Dark

Light

#8E5491

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a78d98;
  --color-2: #997bad;
  --color-3: #8e5491;
  --color-4: #fdad94;
  --color-5: #fcd89c;
}

SCSS

$color-1: #a78d98;
$color-2: #997bad;
$color-3: #8e5491;
$color-4: #fdad94;
$color-5: #fcd89c;

TAILWIND

colors: {
  'brand-1': '#a78d98',
  'brand-2': '#997bad',
  'brand-3': '#8e5491',
  'brand-4': '#fdad94',
  'brand-5': '#fcd89c',
}

RGB Array

[167, 141, 152], [153, 123, 173], [142, 84, 145], [253, 173, 148], [252, 216, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A78D98, #997BAD, #8E5491, #FDAD94, #FCD89C is ideal for: corporate websites, product showcases, portfolios. 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: #a78d98; --color-2: #997bad; --color-3: #8e5491; --color-4: #fdad94; --color-5: #fcd89c. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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