← Back to Editor

#EFDAE6 · #EDE3E0 · #C5D3D7 · #A9CAF5 · #747087

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

WorkspaceReadingData Visualization

Color Details Color Details

#EFDAE6

Mauve · Linen · Cherry Blossom

HEX
#EFDAE6
RGB
rgb(239, 218, 230)
HSL
hsl(326, 40%, 90%)
HSB
hsb(326, 9%, 94%)
CMYK
cmyk(0%, 9%, 4%, 6%)
Oklch
oklch(90.9% 0.028 342.3)

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

#EDE3E0

Peach Pink · Linen · Cherry Blossom

HEX
#EDE3E0
RGB
rgb(237, 227, 224)
HSL
hsl(14, 27%, 90%)
HSB
hsb(14, 5%, 93%)
CMYK
cmyk(0%, 4%, 5%, 7%)
Oklch
oklch(92.3% 0.012 37.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#C5D3D7

Sky Blue · LightGray · Glacier Blue

HEX
#C5D3D7
RGB
rgb(197, 211, 215)
HSL
hsl(193, 18%, 81%)
HSB
hsb(193, 8%, 84%)
CMYK
cmyk(8%, 2%, 0%, 16%)
Oklch
oklch(85.7% 0.016 216.7)

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

#A9CAF5

Azure · LightBlue · Sky Blue

HEX
#A9CAF5
RGB
rgb(169, 202, 245)
HSL
hsl(214, 79%, 81%)
HSB
hsb(214, 31%, 96%)
CMYK
cmyk(31%, 18%, 0%, 4%)
Oklch
oklch(83.0% 0.070 255.2)

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

#747087

Deep Indigo · SlateGray · Warm Gray

HEX
#747087
RGB
rgb(116, 112, 135)
HSL
hsl(250, 9%, 48%)
HSB
hsb(250, 17%, 53%)
CMYK
cmyk(14%, 17%, 0%, 47%)
Oklch
oklch(55.7% 0.036 293.2)

Traditional「Deep Indigo」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFDAE6
DBF0E4

Analogous

EEDBF0
EFDAE6
F0DBDD

Triadic

EFDAE6
E7F0DB
DBE7F0

Split-Comp.

EFDAE6
DDF0DB
DBF0EE

Tetradic

EFDAE6
F0EEDB
DBF0E4
DBDDF0

Contrast Matrix WCAG 2.1 Contrast

EFDAE6
EDE3E0
C5D3D7
A9CAF5
747087
—
1.1
Fail
1.2
Fail
1.3
Fail
3.6
AA Large
1.1
Fail
—
1.2
Fail
1.3
Fail
3.8
AA Large
1.2
Fail
1.2
Fail
—
1.1
Fail
3.1
AA Large
1.3
Fail
1.3
Fail
1.1
Fail
—
2.8
Fail
3.6
AA Large
3.8
AA Large
3.1
AA Large
2.8
Fail
—
White BG
1.3Fail
1.3Fail
1.5Fail
1.7Fail
4.8AA
Black BG
15.8AAA
16.7AAA
13.7AAA
12.5AAA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6E3
E9E9E1
CBCBD6
B7B8EB
727281

Deuteranopia

E7E9E2
E9EAE1
CAC9D6
B5B3E8
737380

Tritanopia

EEE1E0
ECE1E1
C6D5D5
ABE2E1
747D7C

Achromatopsia

E2E2E2
E6E6E6
CFCFCF
C5C5C5
747474

Shades & Tints Shades & Tints

#EFDAE6

Dark
Light

#EDE3E0

Dark
Light

#C5D3D7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efdae6;
  --color-2: #ede3e0;
  --color-3: #c5d3d7;
  --color-4: #a9caf5;
  --color-5: #747087;
}

SCSS

$color-1: #efdae6;
$color-2: #ede3e0;
$color-3: #c5d3d7;
$color-4: #a9caf5;
$color-5: #747087;

TAILWIND

colors: {
  'brand-1': '#efdae6',
  'brand-2': '#ede3e0',
  'brand-3': '#c5d3d7',
  'brand-4': '#a9caf5',
  'brand-5': '#747087',
}

RGB Array

[239, 218, 230], [237, 227, 224], [197, 211, 215], [169, 202, 245], [116, 112, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFDAE6, #EDE3E0, #C5D3D7, #A9CAF5, #747087 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #efdae6; --color-2: #ede3e0; --color-3: #c5d3d7; --color-4: #a9caf5; --color-5: #747087. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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