← Back to Editor

#DAE3CC · #8ED1B7 · #35A1A1 · #443469 · #3957BD

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DAE3CC

Willow Green · LightGray · Mint Green

HEX
#DAE3CC
RGB
rgb(218, 227, 204)
HSL
hsl(83, 29%, 85%)
HSB
hsb(83, 10%, 89%)
CMYK
cmyk(4%, 0%, 10%, 11%)
Oklch
oklch(90.3% 0.032 124.5)

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

#8ED1B7

Jade · MediumAquaMarine · Apple Green

HEX
#8ED1B7
RGB
rgb(142, 209, 183)
HSL
hsl(157, 42%, 69%)
HSB
hsb(157, 32%, 82%)
CMYK
cmyk(32%, 0%, 12%, 18%)
Oklch
oklch(80.8% 0.078 168.2)

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

#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

#443469

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#443469
RGB
rgb(68, 52, 105)
HSL
hsl(258, 34%, 31%)
HSB
hsb(258, 50%, 41%)
CMYK
cmyk(35%, 50%, 0%, 59%)
Oklch
oklch(36.9% 0.089 295.6)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#3957BD

Indigo · SteelBlue · Navy Blue

HEX
#3957BD
RGB
rgb(57, 87, 189)
HSL
hsl(226, 54%, 48%)
HSB
hsb(226, 70%, 74%)
CMYK
cmyk(70%, 54%, 0%, 26%)
Oklch
oklch(49.3% 0.164 267.6)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE3CC
D6CEE4

Analogous

E4E1CE
DAE3CC
D0E4CE

Triadic

DAE3CC
CEDBE4
E4CEDB

Split-Comp.

DAE3CC
CED0E4
E1CEE4

Tetradic

DAE3CC
CEE4E1
D6CEE4
E4CED0

Contrast Matrix WCAG 2.1 Contrast

DAE3CC
8ED1B7
35A1A1
443469
3957BD
—
1.3
Fail
2.3
Fail
8.2
AAA
4.8
AA
1.3
Fail
—
1.8
Fail
6.2
AA
3.7
AA Large
2.3
Fail
1.8
Fail
—
3.5
AA Large
2.1
Fail
8.2
AAA
6.2
AA
3.5
AA Large
—
1.7
Fail
4.8
AA
3.7
AA Large
2.1
Fail
1.7
Fail
—
White BG
1.3Fail
1.8Fail
3.1AA Large
10.8AAA
6.4AA
Black BG
15.8AAA
12.0AAA
6.8AA
1.9Fail
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDED2
ABACBD
6465A1
3D3D5C
4646A4

Deuteranopia

DDDDD3
A7A2BF
5E55A1
3E3F59
44429E

Tritanopia

DAD6D7
91C2C3
3AA1A1
435250
3B918D

Achromatopsia

DEDEDE
BABABA
818181
3F3F3F
5A5A5A

Shades & Tints Shades & Tints

#DAE3CC

Dark
Light

#8ED1B7

Dark
Light

#35A1A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae3cc;
  --color-2: #8ed1b7;
  --color-3: #35a1a1;
  --color-4: #443469;
  --color-5: #3957bd;
}

SCSS

$color-1: #dae3cc;
$color-2: #8ed1b7;
$color-3: #35a1a1;
$color-4: #443469;
$color-5: #3957bd;

TAILWIND

colors: {
  'brand-1': '#dae3cc',
  'brand-2': '#8ed1b7',
  'brand-3': '#35a1a1',
  'brand-4': '#443469',
  'brand-5': '#3957bd',
}

RGB Array

[218, 227, 204], [142, 209, 183], [53, 161, 161], [68, 52, 105], [57, 87, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAE3CC, #8ED1B7, #35A1A1, #443469, #3957BD is ideal for: 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: #dae3cc; --color-2: #8ed1b7; --color-3: #35a1a1; --color-4: #443469; --color-5: #3957bd. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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