#B5ADB4 + #E1E5DF + #E3E5F3 + #F8E8F0 + #FE5985 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B5ADB4

Ash · DarkGray · Silver Sand

HEX

#B5ADB4

RGB

rgb(181, 173, 180)

HSL

hsl(308, 5%, 69%)

HSB

hsb(308, 4%, 71%)

CMYK

cmyk(0%, 4%, 1%, 29%)

Oklch

oklch(75.6% 0.013 329.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#E1E5DF

Celadon · LightGray · Mint Green

HEX

#E1E5DF

RGB

rgb(225, 229, 223)

HSL

hsl(100, 10%, 89%)

HSB

hsb(100, 3%, 90%)

CMYK

cmyk(2%, 0%, 3%, 10%)

Oklch

oklch(91.7% 0.009 134.9)

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

#E3E5F3

Azure · Lavender · Sky Blue

HEX

#E3E5F3

RGB

rgb(227, 229, 243)

HSL

hsl(232, 40%, 92%)

HSB

hsb(232, 7%, 95%)

CMYK

cmyk(7%, 6%, 0%, 5%)

Oklch

oklch(92.4% 0.019 279.5)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#F8E8F0

Rouge · Linen · Cherry Blossom

HEX

#F8E8F0

RGB

rgb(248, 232, 240)

HSL

hsl(330, 53%, 94%)

HSB

hsb(330, 6%, 97%)

CMYK

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

Oklch

oklch(94.6% 0.020 345.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FE5985

Rouge · LightCoral · Rose Pink

HEX

#FE5985

RGB

rgb(254, 89, 133)

HSL

hsl(344, 99%, 67%)

HSB

hsb(344, 65%, 100%)

CMYK

cmyk(0%, 65%, 48%, 0%)

Oklch

oklch(69.5% 0.202 7.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5ADB4

ACB4AD

Analogous

B1ACB4

B5ADB4

B4ACAF

Triadic

B5ADB4

B3B4AC

ACB3B4

Split-Comp.

B5ADB4

AFB4AC

ACB4B1

Tetradic

B5ADB4

B4B1AC

ACB4AD

ACAFB4

Contrast Matrix WCAG 2.1 Contrast

B5ADB4	E1E5DF	E3E5F3	F8E8F0	FE5985
—	1.7 Fail	1.7 Fail	1.9 Fail	1.4 Fail
1.7 Fail	—	1.0 Fail	1.1 Fail	2.4 Fail
1.7 Fail	1.0 Fail	—	1.1 Fail	2.4 Fail
1.9 Fail	1.1 Fail	1.1 Fail	—	2.5 Fail
1.4 Fail	2.4 Fail	2.4 Fail	2.5 Fail	—

White BG

2.2Fail

1.3Fail

1.2Fail

3.0AA Large

Black BG

9.6AAA

16.5AAA

16.8AAA

17.8AAA

7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B1B2

E3E3E0

E4E4F0

F1F1EE

B7B57A

Deuteranopia

B2B3B2

E3E2E1

E4E4EF

F2F3EE

C0CC78

Tritanopia

B5B1B1

E1E2E2

E3EDEC

F7EDEC

F67270

Achromatopsia

B0B0B0

E3E3E3

E6E6E6

EEEEEE

8F8F8F

Shades & Tints Shades & Tints

#B5ADB4

Dark

Light

#E1E5DF

Dark

Light

#E3E5F3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5adb4;
  --color-2: #e1e5df;
  --color-3: #e3e5f3;
  --color-4: #f8e8f0;
  --color-5: #fe5985;
}

SCSS

$color-1: #b5adb4;
$color-2: #e1e5df;
$color-3: #e3e5f3;
$color-4: #f8e8f0;
$color-5: #fe5985;

TAILWIND

colors: {
  'brand-1': '#b5adb4',
  'brand-2': '#e1e5df',
  'brand-3': '#e3e5f3',
  'brand-4': '#f8e8f0',
  'brand-5': '#fe5985',
}

RGB Array

[181, 173, 180], [225, 229, 223], [227, 229, 243], [248, 232, 240], [254, 89, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #B5ADB4, #E1E5DF, #E3E5F3, #F8E8F0, #FE5985 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: #b5adb4; --color-2: #e1e5df; --color-3: #e3e5f3; --color-4: #f8e8f0; --color-5: #fe5985. 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 cool-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