#94A9D6 + #B5BBC7 + #FFD9B3 + #EBC0C7 + #D5B5E7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#94A9D6

Azure · LightSteelBlue · Cobalt Blue

HEX

#94A9D6

RGB

rgb(148, 169, 214)

HSL

hsl(221, 45%, 71%)

HSB

hsb(221, 31%, 84%)

CMYK

cmyk(31%, 21%, 0%, 16%)

Oklch

oklch(73.5% 0.070 265.2)

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

#B5BBC7

Azure · Silver · Cobalt Blue

HEX

#B5BBC7

RGB

rgb(181, 187, 199)

HSL

hsl(220, 14%, 75%)

HSB

hsb(220, 9%, 78%)

CMYK

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

Oklch

oklch(79.1% 0.018 264.5)

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

#FFD9B3

Goose Yellow · Wheat · Peach Orange

HEX

#FFD9B3

RGB

rgb(255, 217, 179)

HSL

hsl(30, 100%, 85%)

HSB

hsb(30, 30%, 100%)

CMYK

cmyk(0%, 15%, 30%, 0%)

Oklch

oklch(90.8% 0.065 66.8)

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

#EBC0C7

Peach Pink · Pink · Cherry Blossom

HEX

#EBC0C7

RGB

rgb(235, 192, 199)

HSL

hsl(350, 52%, 84%)

HSB

hsb(350, 18%, 92%)

CMYK

cmyk(0%, 18%, 15%, 8%)

Oklch

oklch(84.7% 0.050 7.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#D5B5E7

Lilac · LightGray · Lavender

HEX

#D5B5E7

RGB

rgb(213, 181, 231)

HSL

hsl(278, 51%, 81%)

HSB

hsb(278, 22%, 91%)

CMYK

cmyk(8%, 22%, 0%, 9%)

Oklch

oklch(81.7% 0.077 313.3)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94A9D6

D6C194

Analogous

94CAD6

94A9D6

A094D6

Triadic

94A9D6

D694A9

A9D694

Split-Comp.

94A9D6

D6A094

CAD694

Tetradic

94A9D6

D694CA

D6C194

94D6A0

Contrast Matrix WCAG 2.1 Contrast

94A9D6	B5BBC7	FFD9B3	EBC0C7	D5B5E7
—	1.2 Fail	1.8 Fail	1.4 Fail	1.3 Fail
1.2 Fail	—	1.5 Fail	1.2 Fail	1.1 Fail
1.8 Fail	1.5 Fail	—	1.2 Fail	1.4 Fail
1.4 Fail	1.2 Fail	1.2 Fail	—	1.1 Fail
1.3 Fail	1.1 Fail	1.4 Fail	1.1 Fail	—

White BG

2.4Fail

1.9Fail

1.3Fail

1.6Fail

1.8Fail

Black BG

8.9AAA

10.9AAA

15.8AAA

12.9AAA

11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9DCB

B8B8C4

EFEEBC

D8D8C5

C7C7DB

Deuteranopia

9C9AC8

B7B7C3

F1F4BE

DBDEC5

C9CBD8

Tritanopia

95C3C1

B5C2C1

FDC3C5

E9C4C4

D3D1CF

Achromatopsia

A8A8A8

BBBBBB

E0E0E0

CECECE

C4C4C4

Shades & Tints Shades & Tints

#94A9D6

Dark

Light

#B5BBC7

Dark

Light

#FFD9B3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94a9d6;
  --color-2: #b5bbc7;
  --color-3: #ffd9b3;
  --color-4: #ebc0c7;
  --color-5: #d5b5e7;
}

SCSS

$color-1: #94a9d6;
$color-2: #b5bbc7;
$color-3: #ffd9b3;
$color-4: #ebc0c7;
$color-5: #d5b5e7;

TAILWIND

colors: {
  'brand-1': '#94a9d6',
  'brand-2': '#b5bbc7',
  'brand-3': '#ffd9b3',
  'brand-4': '#ebc0c7',
  'brand-5': '#d5b5e7',
}

RGB Array

[148, 169, 214], [181, 187, 199], [255, 217, 179], [235, 192, 199], [213, 181, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94A9D6, #B5BBC7, #FFD9B3, #EBC0C7, #D5B5E7 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: #94a9d6; --color-2: #b5bbc7; --color-3: #ffd9b3; --color-4: #ebc0c7; --color-5: #d5b5e7. 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