← Back to Editor

#E6DDDA · #B4FA64 · #8FB588 · #6A729E · #775E71

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E6DDDA

Apricot · LightGray · Peach Orange

HEX
#E6DDDA
RGB
rgb(230, 221, 218)
HSL
hsl(15, 19%, 88%)
HSB
hsb(15, 5%, 90%)
CMYK
cmyk(0%, 4%, 5%, 10%)
Oklch
oklch(90.4% 0.011 39.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#B4FA64

Willow Green · GreenYellow · Apple Green

HEX
#B4FA64
RGB
rgb(180, 250, 100)
HSL
hsl(88, 94%, 69%)
HSB
hsb(88, 60%, 98%)
CMYK
cmyk(28%, 0%, 60%, 2%)
Oklch
oklch(90.9% 0.193 130.5)

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

#8FB588

Celadon · DarkSeaGreen · Apple Green

HEX
#8FB588
RGB
rgb(143, 181, 136)
HSL
hsl(111, 23%, 62%)
HSB
hsb(111, 25%, 71%)
CMYK
cmyk(21%, 0%, 25%, 29%)
Oklch
oklch(73.3% 0.076 140.7)

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

#6A729E

Azure · SlateGray · Navy Blue

HEX
#6A729E
RGB
rgb(106, 114, 158)
HSL
hsl(231, 21%, 52%)
HSB
hsb(231, 33%, 62%)
CMYK
cmyk(33%, 28%, 0%, 38%)
Oklch
oklch(56.3% 0.069 276.0)

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

#775E71

Rose Purple · DimGray · Violet

HEX
#775E71
RGB
rgb(119, 94, 113)
HSL
hsl(314, 12%, 42%)
HSB
hsb(314, 21%, 47%)
CMYK
cmyk(0%, 21%, 5%, 53%)
Oklch
oklch(51.3% 0.043 334.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6DDDA
DBE3E6

Analogous

E6DBDD
E6DDDA
E6E3DB

Triadic

E6DDDA
DBE6DD
DDDBE6

Split-Comp.

E6DDDA
DBE6E3
DBDDE6

Tetradic

E6DDDA
DDE6DB
DBE3E6
E3DBE6

Contrast Matrix WCAG 2.1 Contrast

E6DDDA
B4FA64
8FB588
6A729E
775E71
—
1.1
Fail
1.7
Fail
3.5
AA Large
4.3
AA Large
1.1
Fail
—
1.8
Fail
3.7
AA Large
4.6
AA
1.7
Fail
1.8
Fail
—
2.0
Fail
2.5
Fail
3.5
AA Large
3.7
AA Large
2.0
Fail
—
1.2
Fail
4.3
AA Large
4.6
AA
2.5
Fail
1.2
Fail
—
White BG
1.3Fail
1.3Fail
2.3Fail
4.7AA
5.8AA
Black BG
15.7AAA
16.8AAA
9.1AAA
4.5AA
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2DB
D2D388
9FA093
6D6E93
6C6C6C

Deuteranopia

E3E3DB
CEC991
9D9A96
6D6C91
6E706B

Tritanopia

E6DBDB
B8A5AB
919B9D
6A8B89
766968

Achromatopsia

DFDFDF
D4D4D4
A5A5A5
757575
686868

Shades & Tints Shades & Tints

#E6DDDA

Dark
Light

#B4FA64

Dark
Light

#8FB588

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6ddda;
  --color-2: #b4fa64;
  --color-3: #8fb588;
  --color-4: #6a729e;
  --color-5: #775e71;
}

SCSS

$color-1: #e6ddda;
$color-2: #b4fa64;
$color-3: #8fb588;
$color-4: #6a729e;
$color-5: #775e71;

TAILWIND

colors: {
  'brand-1': '#e6ddda',
  'brand-2': '#b4fa64',
  'brand-3': '#8fb588',
  'brand-4': '#6a729e',
  'brand-5': '#775e71',
}

RGB Array

[230, 221, 218], [180, 250, 100], [143, 181, 136], [106, 114, 158], [119, 94, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6DDDA, #B4FA64, #8FB588, #6A729E, #775E71 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: #e6ddda; --color-2: #b4fa64; --color-3: #8fb588; --color-4: #6a729e; --color-5: #775e71. 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