#967AAD + #B695A6 + #E09889 + #F8D47E + #F0EAAE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#967AAD

Dark Plum · LightSlateGray · Violet

HEX

#967AAD

RGB

rgb(150, 122, 173)

HSL

hsl(273, 24%, 58%)

HSB

hsb(273, 29%, 68%)

CMYK

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

Oklch

oklch(62.5% 0.081 309.2)

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

#B695A6

Mauve · DarkGray · Rose Pink

HEX

#B695A6

RGB

rgb(182, 149, 166)

HSL

hsl(329, 18%, 65%)

HSB

hsb(329, 18%, 71%)

CMYK

cmyk(0%, 18%, 9%, 29%)

Oklch

oklch(70.5% 0.046 346.0)

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

#E09889

Peach Pink · DarkSalmon · Coral Red

HEX

#E09889

RGB

rgb(224, 152, 137)

HSL

hsl(10, 58%, 71%)

HSB

hsb(10, 39%, 88%)

CMYK

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

Oklch

oklch(74.7% 0.090 32.2)

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

#F8D47E

Goose Yellow · Khaki · Sunflower

HEX

#F8D47E

RGB

rgb(248, 212, 126)

HSL

hsl(42, 90%, 73%)

HSB

hsb(42, 49%, 97%)

CMYK

cmyk(0%, 15%, 49%, 3%)

Oklch

oklch(88.3% 0.113 87.4)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#F0EAAE

Fresh Green · Wheat · Lemon Cream

HEX

#F0EAAE

RGB

rgb(240, 234, 174)

HSL

hsl(55, 69%, 81%)

HSB

hsb(55, 27%, 94%)

CMYK

cmyk(0%, 3%, 27%, 6%)

Oklch

oklch(92.7% 0.077 103.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

967AAD

91AE7A

Analogous

7D7AAE

967AAD

AE7AAB

Triadic

967AAD

AE967A

7AAE96

Split-Comp.

967AAD

ABAE7A

7AAE7D

Tetradic

967AAD

AE7D7A

91AE7A

7AABAE

Contrast Matrix WCAG 2.1 Contrast

967AAD	B695A6	E09889	F8D47E	F0EAAE
—	1.4 Fail	1.6 Fail	2.6 Fail	3.0 AA Large
1.4 Fail	—	1.2 Fail	1.9 Fail	2.2 Fail
1.6 Fail	1.2 Fail	—	1.6 Fail	1.9 Fail
2.6 Fail	1.9 Fail	1.6 Fail	—	1.2 Fail
3.0 AA Large	2.2 Fail	1.9 Fail	1.2 Fail	—

White BG

3.7AA Large

2.7Fail

2.3Fail

1.4Fail

1.2Fail

Black BG

5.7AA

7.8AAA

9.0AAA

14.7AAA

17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8AA1

A8A7A2

C1C08D

E8E893

EDEDBD

Deuteranopia

8C8E9E

AAACA1

C5CA8E

EBED98

EEEEC0

Tritanopia

959795

B49F9E

DC8F90

F6A3A7

F0C8CB

Achromatopsia

888888

A1A1A1

ACACAC

D5D5D5

E5E5E5

Shades & Tints Shades & Tints

#967AAD

Dark

Light

#B695A6

Dark

Light

#E09889

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #967aad;
  --color-2: #b695a6;
  --color-3: #e09889;
  --color-4: #f8d47e;
  --color-5: #f0eaae;
}

SCSS

$color-1: #967aad;
$color-2: #b695a6;
$color-3: #e09889;
$color-4: #f8d47e;
$color-5: #f0eaae;

TAILWIND

colors: {
  'brand-1': '#967aad',
  'brand-2': '#b695a6',
  'brand-3': '#e09889',
  'brand-4': '#f8d47e',
  'brand-5': '#f0eaae',
}

RGB Array

[150, 122, 173], [182, 149, 166], [224, 152, 137], [248, 212, 126], [240, 234, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #967AAD, #B695A6, #E09889, #F8D47E, #F0EAAE 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: #967aad; --color-2: #b695a6; --color-3: #e09889; --color-4: #f8d47e; --color-5: #f0eaae. 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