← Back to Editor

#EAE3FF · #35A1A1 · #83AF9B · #CDD7B6 · #C8C8A9

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#EAE3FF

Wisteria · Lavender · Sky Blue

HEX
#EAE3FF
RGB
rgb(234, 227, 255)
HSL
hsl(255, 100%, 95%)
HSB
hsb(255, 11%, 100%)
CMYK
cmyk(8%, 11%, 0%, 0%)
Oklch
oklch(93.0% 0.038 297.1)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#35A1A1

Slate Blue · LightSeaGreen · Mint Ice

HEX
#35A1A1
RGB
rgb(53, 161, 161)
HSL
hsl(180, 50%, 42%)
HSB
hsb(180, 67%, 63%)
CMYK
cmyk(67%, 0%, 0%, 37%)
Oklch
oklch(64.9% 0.096 195.1)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#83AF9B

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#83AF9B
RGB
rgb(131, 175, 155)
HSL
hsl(153, 22%, 60%)
HSB
hsb(153, 25%, 69%)
CMYK
cmyk(25%, 0%, 11%, 31%)
Oklch
oklch(71.6% 0.056 165.2)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#CDD7B6

Willow Green · Silver · Apple Green

HEX
#CDD7B6
RGB
rgb(205, 215, 182)
HSL
hsl(78, 29%, 78%)
HSB
hsb(78, 15%, 84%)
CMYK
cmyk(5%, 0%, 15%, 16%)
Oklch
oklch(86.3% 0.046 121.1)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#C8C8A9

Fresh Green · Silver · Sunflower

HEX
#C8C8A9
RGB
rgb(200, 200, 169)
HSL
hsl(60, 22%, 72%)
HSB
hsb(60, 16%, 78%)
CMYK
cmyk(0%, 0%, 16%, 22%)
Oklch
oklch(82.5% 0.042 107.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE3FF
F9FFE5

Analogous

E5ECFF
EAE3FF
F9E5FF

Triadic

EAE3FF
FFECE5
E5FFEC

Split-Comp.

EAE3FF
FFF9E5
ECFFE5

Tetradic

EAE3FF
FFE5EC
F9FFE5
E5FFF9

Contrast Matrix WCAG 2.1 Contrast

EAE3FF
35A1A1
83AF9B
CDD7B6
C8C8A9
—
2.5
Fail
2.0
Fail
1.2
Fail
1.4
Fail
2.5
Fail
—
1.3
Fail
2.1
Fail
1.8
Fail
2.0
Fail
1.3
Fail
—
1.6
Fail
1.4
Fail
1.2
Fail
2.1
Fail
1.6
Fail
—
1.1
Fail
1.4
Fail
1.8
Fail
1.4
Fail
1.1
Fail
—
White BG
1.2Fail
3.1AA Large
2.5Fail
1.5Fail
1.7Fail
Black BG
16.9AAA
6.8AA
8.6AAA
14.0AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7F8
6465A1
9696A0
D1D1BE
C8C8B1

Deuteranopia

E7E8F7
5E55A1
9490A1
D1D0C0
C8C8B2

Tritanopia

EAF3F2
3AA1A1
85A4A5
CEC4C6
C8B6B8

Achromatopsia

E8E8E8
818181
A0A0A0
D0D0D0
C4C4C4

Shades & Tints Shades & Tints

#EAE3FF

Dark
Light

#35A1A1

Dark
Light

#83AF9B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae3ff;
  --color-2: #35a1a1;
  --color-3: #83af9b;
  --color-4: #cdd7b6;
  --color-5: #c8c8a9;
}

SCSS

$color-1: #eae3ff;
$color-2: #35a1a1;
$color-3: #83af9b;
$color-4: #cdd7b6;
$color-5: #c8c8a9;

TAILWIND

colors: {
  'brand-1': '#eae3ff',
  'brand-2': '#35a1a1',
  'brand-3': '#83af9b',
  'brand-4': '#cdd7b6',
  'brand-5': '#c8c8a9',
}

RGB Array

[234, 227, 255], [53, 161, 161], [131, 175, 155], [205, 215, 182], [200, 200, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAE3FF, #35A1A1, #83AF9B, #CDD7B6, #C8C8A9 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: #eae3ff; --color-2: #35a1a1; --color-3: #83af9b; --color-4: #cdd7b6; --color-5: #c8c8a9. 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