← Back to Editor

#BAEFED · #EAEAE6 · #D4D8D8 · #DDB8C5 · #9E8188

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BAEFED

Jade · LightBlue · Glacier Blue

HEX
#BAEFED
RGB
rgb(186, 239, 237)
HSL
hsl(178, 62%, 83%)
HSB
hsb(178, 22%, 94%)
CMYK
cmyk(22%, 0%, 1%, 6%)
Oklch
oklch(91.5% 0.054 193.4)

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

#EAEAE6

Fresh Green · Linen · Cloud White

HEX
#EAEAE6
RGB
rgb(234, 234, 230)
HSL
hsl(60, 9%, 91%)
HSB
hsb(60, 2%, 92%)
CMYK
cmyk(0%, 0%, 2%, 8%)
Oklch
oklch(93.6% 0.005 106.5)

Traditional「Fresh Green」· Paint「Cloud White」· Creative Morning Mist

#D4D8D8

Silver Gray · LightGray · Pearl Gray

HEX
#D4D8D8
RGB
rgb(212, 216, 216)
HSL
hsl(180, 5%, 84%)
HSB
hsb(180, 2%, 85%)
CMYK
cmyk(2%, 0%, 0%, 15%)
Oklch
oklch(87.9% 0.004 197.1)

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

#DDB8C5

Rouge · Silver · Cherry Blossom

HEX
#DDB8C5
RGB
rgb(221, 184, 197)
HSL
hsl(339, 35%, 79%)
HSB
hsb(339, 17%, 87%)
CMYK
cmyk(0%, 17%, 11%, 13%)
Oklch
oklch(81.9% 0.046 355.0)

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

#9E8188

Crimson · Gray · Passion Red

HEX
#9E8188
RGB
rgb(158, 129, 136)
HSL
hsl(346, 13%, 56%)
HSB
hsb(346, 18%, 62%)
CMYK
cmyk(0%, 18%, 14%, 38%)
Oklch
oklch(63.3% 0.037 2.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAEFED
EFB9BB

Analogous

B9EFD2
BAEFED
B9D5EF

Triadic

BAEFED
EDB9EF
EFEDB9

Split-Comp.

BAEFED
EFB9D5
EFD2B9

Tetradic

BAEFED
D2B9EF
EFB9BB
D5EFB9

Contrast Matrix WCAG 2.1 Contrast

BAEFED
EAEAE6
D4D8D8
DDB8C5
9E8188
—
1.0
Fail
1.1
Fail
1.4
Fail
2.8
Fail
1.0
Fail
—
1.2
Fail
1.5
Fail
2.9
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
2.5
Fail
1.4
Fail
1.5
Fail
1.2
Fail
—
2.0
Fail
2.8
Fail
2.9
Fail
2.5
Fail
2.0
Fail
—
White BG
1.3Fail
1.2Fail
1.4Fail
1.8Fail
3.5AA Large
Black BG
16.7AAA
17.4AAA
14.6AAA
11.7AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1ED
EAEAE7
D6D6D8
CDCDC2
919186

Deuteranopia

CECAEE
EAEAE7
D6D5D8
CFD2C1
939586

Tritanopia

BDEEEE
EAE8E8
D4D8D8
DBBFBF
9D8585

Achromatopsia

DFDFDF
EAEAEA
D7D7D7
C5C5C5
8A8A8A

Shades & Tints Shades & Tints

#BAEFED

Dark
Light

#EAEAE6

Dark
Light

#D4D8D8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #baefed;
  --color-2: #eaeae6;
  --color-3: #d4d8d8;
  --color-4: #ddb8c5;
  --color-5: #9e8188;
}

SCSS

$color-1: #baefed;
$color-2: #eaeae6;
$color-3: #d4d8d8;
$color-4: #ddb8c5;
$color-5: #9e8188;

TAILWIND

colors: {
  'brand-1': '#baefed',
  'brand-2': '#eaeae6',
  'brand-3': '#d4d8d8',
  'brand-4': '#ddb8c5',
  'brand-5': '#9e8188',
}

RGB Array

[186, 239, 237], [234, 234, 230], [212, 216, 216], [221, 184, 197], [158, 129, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BAEFED, #EAEAE6, #D4D8D8, #DDB8C5, #9E8188 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #baefed; --color-2: #eaeae6; --color-3: #d4d8d8; --color-4: #ddb8c5; --color-5: #9e8188. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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