#C78DA9 + #AADAE4 + #F5F1D3 + #FFBE5C + #C95858 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C78DA9

Rouge · DarkGray · Rose Pink

HEX

#C78DA9

RGB

rgb(199, 141, 169)

HSL

hsl(331, 34%, 67%)

HSB

hsb(331, 29%, 78%)

CMYK

cmyk(0%, 29%, 15%, 22%)

Oklch

oklch(70.9% 0.079 348.8)

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

#AADAE4

Sky Blue · LightBlue · Glacier Blue

HEX

#AADAE4

RGB

rgb(170, 218, 228)

HSL

hsl(190, 52%, 78%)

HSB

hsb(190, 25%, 89%)

CMYK

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

Oklch

oklch(85.8% 0.052 211.8)

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

#F5F1D3

Fresh Green · Beige · Lemon Cream

HEX

#F5F1D3

RGB

rgb(245, 241, 211)

HSL

hsl(53, 63%, 89%)

HSB

hsb(53, 14%, 96%)

CMYK

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

Oklch

oklch(95.3% 0.040 100.9)

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

#FFBE5C

Ginger · SandyBrown · Warm Sun

HEX

#FFBE5C

RGB

rgb(255, 190, 92)

HSL

hsl(36, 100%, 68%)

HSB

hsb(36, 64%, 100%)

CMYK

cmyk(0%, 25%, 64%, 0%)

Oklch

oklch(84.3% 0.136 75.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#C95858

Crimson · Tomato · Passion Red

HEX

#C95858

RGB

rgb(201, 88, 88)

HSL

hsl(0, 51%, 57%)

HSB

hsb(0, 56%, 79%)

CMYK

cmyk(0%, 56%, 56%, 21%)

Oklch

oklch(60.3% 0.145 22.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C78DA9

8EC7AC

Analogous

C78EC7

C78DA9

C78F8E

Triadic

C78DA9

AAC78E

8EAAC7

Split-Comp.

C78DA9

8EC78F

8EC7C7

Tetradic

C78DA9

C7C78E

8EC7AC

8F8EC7

Contrast Matrix WCAG 2.1 Contrast

C78DA9	AADAE4	F5F1D3	FFBE5C	C95858
—	1.8 Fail	2.4 Fail	1.6 Fail	1.6 Fail
1.8 Fail	—	1.3 Fail	1.1 Fail	2.8 Fail
2.4 Fail	1.3 Fail	—	1.4 Fail	3.7 AA Large
1.6 Fail	1.1 Fail	1.4 Fail	—	2.5 Fail
1.6 Fail	2.8 Fail	3.7 AA Large	2.5 Fail	—

White BG

2.7Fail

1.5Fail

1.1Fail

1.6Fail

4.2AA Large

Black BG

7.8AAA

13.9AAA

18.4AAA

12.8AAA

5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEADA2

BFBFE2

F3F3DA

E3E274

989758

Deuteranopia

B1B6A1

BCB8E1

F4F4DC

E7EC79

9FA758

Tritanopia

C49D9C

ACE0DF

F5E0E1

FC868B

C35858

Achromatopsia

A2A2A2

CDCDCD

EFEFEF

C6C6C6

7A7A7A

Shades & Tints Shades & Tints

#C78DA9

Dark

Light

#AADAE4

Dark

Light

#F5F1D3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c78da9;
  --color-2: #aadae4;
  --color-3: #f5f1d3;
  --color-4: #ffbe5c;
  --color-5: #c95858;
}

SCSS

$color-1: #c78da9;
$color-2: #aadae4;
$color-3: #f5f1d3;
$color-4: #ffbe5c;
$color-5: #c95858;

TAILWIND

colors: {
  'brand-1': '#c78da9',
  'brand-2': '#aadae4',
  'brand-3': '#f5f1d3',
  'brand-4': '#ffbe5c',
  'brand-5': '#c95858',
}

RGB Array

[199, 141, 169], [170, 218, 228], [245, 241, 211], [255, 190, 92], [201, 88, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C78DA9, #AADAE4, #F5F1D3, #FFBE5C, #C95858 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: #c78da9; --color-2: #aadae4; --color-3: #f5f1d3; --color-4: #ffbe5c; --color-5: #c95858. 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