#94829F + #E09AA5 + #DDBBA9 + #D6DBB0 + #DAE8CD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#94829F

Dark Plum · LightSlateGray · Violet

HEX

#94829F

RGB

rgb(148, 130, 159)

HSL

hsl(277, 13%, 57%)

HSB

hsb(277, 18%, 62%)

CMYK

cmyk(7%, 18%, 0%, 38%)

Oklch

oklch(63.3% 0.047 312.6)

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

#E09AA5

Peach Pink · Tan · Coral Red

HEX

#E09AA5

RGB

rgb(224, 154, 165)

HSL

hsl(351, 53%, 74%)

HSB

hsb(351, 31%, 88%)

CMYK

cmyk(0%, 31%, 26%, 12%)

Oklch

oklch(75.8% 0.085 8.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DDBBA9

Apricot · Tan · Peach Orange

HEX

#DDBBA9

RGB

rgb(221, 187, 169)

HSL

hsl(21, 43%, 76%)

HSB

hsb(21, 24%, 87%)

CMYK

cmyk(0%, 15%, 24%, 13%)

Oklch

oklch(81.7% 0.046 49.6)

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

#D6DBB0

Fresh Green · Wheat · Lemon Cream

HEX

#D6DBB0

RGB

rgb(214, 219, 176)

HSL

hsl(67, 37%, 77%)

HSB

hsb(67, 20%, 86%)

CMYK

cmyk(2%, 0%, 20%, 14%)

Oklch

oklch(87.7% 0.057 113.0)

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

#DAE8CD

Celadon · LightGray · Mint Green

HEX

#DAE8CD

RGB

rgb(218, 232, 205)

HSL

hsl(91, 37%, 86%)

HSB

hsb(91, 12%, 91%)

CMYK

cmyk(6%, 0%, 12%, 9%)

Oklch

oklch(91.3% 0.039 129.7)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94829F

8EA083

Analogous

8683A0

94829F

A0839C

Triadic

94829F

A09583

83A095

Split-Comp.

94829F

9CA083

83A086

Tetradic

94829F

A08683

8EA083

839CA0

Contrast Matrix WCAG 2.1 Contrast

94829F	E09AA5	DDBBA9	D6DBB0	DAE8CD
—	1.6 Fail	2.0 Fail	2.5 Fail	2.8 Fail
1.6 Fail	—	1.3 Fail	1.6 Fail	1.8 Fail
2.0 Fail	1.3 Fail	—	1.2 Fail	1.4 Fail
2.5 Fail	1.6 Fail	1.2 Fail	—	1.1 Fail
2.8 Fail	1.8 Fail	1.4 Fail	1.1 Fail	—

White BG

3.5AA Large

2.2Fail

1.8Fail

1.4Fail

1.3Fail

Black BG

6.0AA

9.3AAA

11.8AAA

14.6AAA

16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8C98

C2C1A2

CECEAD

D8D8BA

E0E0D4

Deuteranopia

8D8F96

C6CBA2

D0D3AE

D8D8BD

DFDED5

Tritanopia

939291

DCA0A0

DBB1B2

D6C3C4

DBD9DA

Achromatopsia

8B8B8B

B0B0B0

C3C3C3

D5D5D5

E1E1E1

Shades & Tints Shades & Tints

#94829F

Dark

Light

#E09AA5

Dark

Light

#DDBBA9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94829f;
  --color-2: #e09aa5;
  --color-3: #ddbba9;
  --color-4: #d6dbb0;
  --color-5: #dae8cd;
}

SCSS

$color-1: #94829f;
$color-2: #e09aa5;
$color-3: #ddbba9;
$color-4: #d6dbb0;
$color-5: #dae8cd;

TAILWIND

colors: {
  'brand-1': '#94829f',
  'brand-2': '#e09aa5',
  'brand-3': '#ddbba9',
  'brand-4': '#d6dbb0',
  'brand-5': '#dae8cd',
}

RGB Array

[148, 130, 159], [224, 154, 165], [221, 187, 169], [214, 219, 176], [218, 232, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94829F, #E09AA5, #DDBBA9, #D6DBB0, #DAE8CD 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: #94829f; --color-2: #e09aa5; --color-3: #ddbba9; --color-4: #d6dbb0; --color-5: #dae8cd. 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