#9394A4 + #BEADBA + #DEBBBB + #FED0BB + #FEEBD8 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9394A4

Azure · DarkGray · Silver Sand

HEX

#9394A4

RGB

rgb(147, 148, 164)

HSL

hsl(236, 9%, 61%)

HSB

hsb(236, 10%, 64%)

CMYK

cmyk(10%, 10%, 0%, 36%)

Oklch

oklch(67.1% 0.023 282.9)

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

#BEADBA

Mauve · Silver · Lilac Purple

HEX

#BEADBA

RGB

rgb(190, 173, 186)

HSL

hsl(314, 12%, 71%)

HSB

hsb(314, 9%, 75%)

CMYK

cmyk(0%, 9%, 2%, 25%)

Oklch

oklch(76.6% 0.026 333.9)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#DEBBBB

Peach Pink · Silver · Coral Red

HEX

#DEBBBB

RGB

rgb(222, 187, 187)

HSL

hsl(0, 35%, 80%)

HSB

hsb(0, 16%, 87%)

CMYK

cmyk(0%, 16%, 16%, 13%)

Oklch

oklch(82.2% 0.040 18.0)

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

#FED0BB

Apricot · Wheat · Peach Orange

HEX

#FED0BB

RGB

rgb(254, 208, 187)

HSL

hsl(19, 97%, 86%)

HSB

hsb(19, 26%, 100%)

CMYK

cmyk(0%, 18%, 26%, 0%)

Oklch

oklch(89.2% 0.059 45.9)

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

#FEEBD8

Goose Yellow · Beige · Peach Orange

HEX

#FEEBD8

RGB

rgb(254, 235, 216)

HSL

hsl(30, 95%, 92%)

HSB

hsb(30, 15%, 100%)

CMYK

cmyk(0%, 7%, 15%, 0%)

Oklch

oklch(95.0% 0.033 67.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9394A4

A5A393

Analogous

939DA5

9394A4

9A93A5

Triadic

9394A4

A59394

94A593

Split-Comp.

9394A4

A59A93

9DA593

Tetradic

9394A4

A5939D

A5A393

93A59A

Contrast Matrix WCAG 2.1 Contrast

9394A4	BEADBA	DEBBBB	FED0BB	FEEBD8
—	1.4 Fail	1.7 Fail	2.1 Fail	2.6 Fail
1.4 Fail	—	1.2 Fail	1.5 Fail	1.8 Fail
1.7 Fail	1.2 Fail	—	1.3 Fail	1.5 Fail
2.1 Fail	1.5 Fail	1.3 Fail	—	1.2 Fail
2.6 Fail	1.8 Fail	1.5 Fail	1.2 Fail	—

White BG

3.0Fail

2.1Fail

1.8Fail

1.4Fail

1.2Fail

Black BG

7.0AAA

9.9AAA

11.9AAA

15.0AAA

18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9393A0

B7B6B7

CFCFBB

EAEAC0

F6F6DD

Deuteranopia

93939F

B8B9B6

D1D3BB

EDF0C1

F7F8DE

Tritanopia

939D9C

BDB4B4

DCBBBB

FCC4C5

FDE0E1

Achromatopsia

969696

B4B4B4

C5C5C5

DBDBDB

EFEFEF

Shades & Tints Shades & Tints

#9394A4

Dark

Light

#BEADBA

Dark

Light

#DEBBBB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9394a4;
  --color-2: #beadba;
  --color-3: #debbbb;
  --color-4: #fed0bb;
  --color-5: #feebd8;
}

SCSS

$color-1: #9394a4;
$color-2: #beadba;
$color-3: #debbbb;
$color-4: #fed0bb;
$color-5: #feebd8;

TAILWIND

colors: {
  'brand-1': '#9394a4',
  'brand-2': '#beadba',
  'brand-3': '#debbbb',
  'brand-4': '#fed0bb',
  'brand-5': '#feebd8',
}

RGB Array

[147, 148, 164], [190, 173, 186], [222, 187, 187], [254, 208, 187], [254, 235, 216]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #9394A4, #BEADBA, #DEBBBB, #FED0BB, #FEEBD8 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: #9394a4; --color-2: #beadba; --color-3: #debbbb; --color-4: #fed0bb; --color-5: #feebd8. 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