← Back to Editor

#EAE4DB · #A5D9D6 · #702352 · #FDF8CB · #59D7D9

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

#EAE4DB

Goose Yellow · Beige · Peach Orange

HEX
#EAE4DB
RGB
rgb(234, 228, 219)
HSL
hsl(36, 26%, 89%)
HSB
hsb(36, 6%, 92%)
CMYK
cmyk(0%, 3%, 6%, 8%)
Oklch
oklch(92.1% 0.014 78.3)

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

#A5D9D6

Jade · LightBlue · Lake Green

HEX
#A5D9D6
RGB
rgb(165, 217, 214)
HSL
hsl(177, 41%, 75%)
HSB
hsb(177, 24%, 85%)
CMYK
cmyk(24%, 0%, 1%, 15%)
Oklch
oklch(84.8% 0.054 191.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#702352

Rose Purple · Purple · Camellia

HEX
#702352
RGB
rgb(112, 35, 82)
HSL
hsl(323, 52%, 29%)
HSB
hsb(323, 69%, 44%)
CMYK
cmyk(0%, 69%, 27%, 56%)
Oklch
oklch(39.1% 0.121 346.5)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#FDF8CB

Fresh Green · Beige · Lemon Cream

HEX
#FDF8CB
RGB
rgb(253, 248, 203)
HSL
hsl(54, 93%, 89%)
HSB
hsb(54, 20%, 99%)
CMYK
cmyk(0%, 2%, 20%, 1%)
Oklch
oklch(97.2% 0.058 102.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#59D7D9

Lake Blue · MediumTurquoise · Lake Green

HEX
#59D7D9
RGB
rgb(89, 215, 217)
HSL
hsl(181, 63%, 60%)
HSB
hsb(181, 59%, 85%)
CMYK
cmyk(59%, 1%, 0%, 15%)
Oklch
oklch(81.0% 0.111 196.7)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE4DB
DCE1EA

Analogous

EADDDC
EAE4DB
E9EADC

Triadic

EAE4DB
DCEAE4
E4DCEA

Split-Comp.

EAE4DB
DCE9EA
DDDCEA

Tetradic

EAE4DB
DCEADD
DCE1EA
EADCE9

Contrast Matrix WCAG 2.1 Contrast

EAE4DB
A5D9D6
702352
FDF8CB
59D7D9
—
1.2
Fail
8.1
AAA
1.2
Fail
1.4
Fail
1.2
Fail
—
6.6
AA
1.4
Fail
1.1
Fail
8.1
AAA
6.6
AA
—
9.5
AAA
5.9
AA
1.2
Fail
1.4
Fail
9.5
AAA
—
1.6
Fail
1.4
Fail
1.1
Fail
5.9
AA
1.6
Fail
—
White BG
1.3Fail
1.6Fail
10.2AAA
1.1Fail
1.7Fail
Black BG
16.6AAA
13.5AAA
2.1Fail
19.5AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7DD
BCBCD7
4F4E47
FBFBD6
9091D9

Deuteranopia

E8E8DE
B9B5D7
535944
FBFCD9
887FD8

Tritanopia

EADFDF
A8D7D7
6C3E3C
FDDEE0
5FD8D8

Achromatopsia

E5E5E5
C9C9C9
3F3F3F
F4F4F4
B2B2B2

Shades & Tints Shades & Tints

#EAE4DB

Dark
Light

#A5D9D6

Dark
Light

#702352

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae4db;
  --color-2: #a5d9d6;
  --color-3: #702352;
  --color-4: #fdf8cb;
  --color-5: #59d7d9;
}

SCSS

$color-1: #eae4db;
$color-2: #a5d9d6;
$color-3: #702352;
$color-4: #fdf8cb;
$color-5: #59d7d9;

TAILWIND

colors: {
  'brand-1': '#eae4db',
  'brand-2': '#a5d9d6',
  'brand-3': '#702352',
  'brand-4': '#fdf8cb',
  'brand-5': '#59d7d9',
}

RGB Array

[234, 228, 219], [165, 217, 214], [112, 35, 82], [253, 248, 203], [89, 215, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAE4DB, #A5D9D6, #702352, #FDF8CB, #59D7D9 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: #eae4db; --color-2: #a5d9d6; --color-3: #702352; --color-4: #fdf8cb; --color-5: #59d7d9. 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