#FF9191 + #D4A5A5 + #DBD5D9 + #DDEBE6 + #F5F5ED - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FF9191

Peach Pink · LightSalmon · Coral Red

HEX

#FF9191

RGB

rgb(255, 145, 145)

HSL

hsl(0, 100%, 78%)

HSB

hsb(0, 43%, 100%)

CMYK

cmyk(0%, 43%, 43%, 0%)

Oklch

oklch(77.4% 0.133 20.6)

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

#D4A5A5

Peach Pink · Tan · Coral Red

HEX

#D4A5A5

RGB

rgb(212, 165, 165)

HSL

hsl(0, 35%, 74%)

HSB

hsb(0, 22%, 83%)

CMYK

cmyk(0%, 22%, 22%, 17%)

Oklch

oklch(76.5% 0.056 18.4)

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

#DBD5D9

Mauve · LightGray · Pearl Gray

HEX

#DBD5D9

RGB

rgb(219, 213, 217)

HSL

hsl(320, 8%, 85%)

HSB

hsb(320, 3%, 86%)

CMYK

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

Oklch

oklch(87.9% 0.008 337.5)

Traditional「Mauve」· Paint「Pearl Gray」· Creative Silver Lining

#DDEBE6

Jade · Lavender · Mint Green

HEX

#DDEBE6

RGB

rgb(221, 235, 230)

HSL

hsl(159, 26%, 89%)

HSB

hsb(159, 6%, 92%)

CMYK

cmyk(6%, 0%, 2%, 8%)

Oklch

oklch(92.8% 0.016 172.6)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#F5F5ED

Fresh Green · Linen · Lemon Cream

HEX

#F5F5ED

RGB

rgb(245, 245, 237)

HSL

hsl(60, 29%, 95%)

HSB

hsb(60, 3%, 96%)

CMYK

cmyk(0%, 0%, 3%, 4%)

Oklch

oklch(96.8% 0.011 106.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF9191

8FFFFF

Analogous

FF8FC7

FF9191

FFC78F

Triadic

FF9191

8FFF8F

8F8FFF

Split-Comp.

FF9191

8FFFC7

8FC7FF

Tetradic

FF9191

C7FF8F

8FFFFF

C78FFF

Contrast Matrix WCAG 2.1 Contrast

FF9191	D4A5A5	DBD5D9	DDEBE6	F5F5ED
—	1.0 Fail	1.5 Fail	1.8 Fail	2.0 Fail
1.0 Fail	—	1.5 Fail	1.8 Fail	2.0 Fail
1.5 Fail	1.5 Fail	—	1.2 Fail	1.3 Fail
1.8 Fail	1.8 Fail	1.2 Fail	—	1.1 Fail
2.0 Fail	2.0 Fail	1.3 Fail	1.1 Fail	—

White BG

2.2Fail

1.4Fail

1.2Fail

1.1Fail

Black BG

9.7AAA

14.5AAA

17.1AAA

19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCE91

C0BFA5

D8D8D8

E3E3E7

F5F5EF

Deuteranopia

D6DE91

C2C6A5

D9D9D8

E2E1E8

F5F5EF

Tritanopia

FA9191

D2A5A5

DBD7D7

DEE8E8

F5F0F1

Achromatopsia

B2B2B2

B3B3B3

D7D7D7

E6E6E6

F4F4F4

Shades & Tints Shades & Tints

#FF9191

Dark

Light

#D4A5A5

Dark

Light

#DBD5D9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff9191;
  --color-2: #d4a5a5;
  --color-3: #dbd5d9;
  --color-4: #ddebe6;
  --color-5: #f5f5ed;
}

SCSS

$color-1: #ff9191;
$color-2: #d4a5a5;
$color-3: #dbd5d9;
$color-4: #ddebe6;
$color-5: #f5f5ed;

TAILWIND

colors: {
  'brand-1': '#ff9191',
  'brand-2': '#d4a5a5',
  'brand-3': '#dbd5d9',
  'brand-4': '#ddebe6',
  'brand-5': '#f5f5ed',
}

RGB Array

[255, 145, 145], [212, 165, 165], [219, 213, 217], [221, 235, 230], [245, 245, 237]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF9191, #D4A5A5, #DBD5D9, #DDEBE6, #F5F5ED 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: #ff9191; --color-2: #d4a5a5; --color-3: #dbd5d9; --color-4: #ddebe6; --color-5: #f5f5ed. 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