#EEF1B0 + #A5E6AD + #79B8BF + #938EBF + #A67AAF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EEF1B0

Fresh Green · Wheat · Lemon Cream

HEX

#EEF1B0

RGB

rgb(238, 241, 176)

HSL

hsl(63, 70%, 82%)

HSB

hsb(63, 27%, 95%)

CMYK

cmyk(1%, 0%, 27%, 5%)

Oklch

oklch(94.0% 0.083 110.1)

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

#A5E6AD

Emerald · LightGreen · Apple Green

HEX

#A5E6AD

RGB

rgb(165, 230, 173)

HSL

hsl(127, 57%, 77%)

HSB

hsb(127, 28%, 90%)

CMYK

cmyk(28%, 0%, 25%, 10%)

Oklch

oklch(86.6% 0.102 147.8)

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

#79B8BF

Sky Blue · MediumAquaMarine · Lake Green

HEX

#79B8BF

RGB

rgb(121, 184, 191)

HSL

hsl(186, 35%, 61%)

HSB

hsb(186, 37%, 75%)

CMYK

cmyk(37%, 4%, 0%, 25%)

Oklch

oklch(74.3% 0.065 204.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#938EBF

Wisteria · DarkGray · Cobalt Blue

HEX

#938EBF

RGB

rgb(147, 142, 191)

HSL

hsl(246, 28%, 65%)

HSB

hsb(246, 26%, 75%)

CMYK

cmyk(23%, 26%, 0%, 25%)

Oklch

oklch(66.9% 0.072 289.0)

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

#A67AAF

Dark Plum · DarkGray · Violet

HEX

#A67AAF

RGB

rgb(166, 122, 175)

HSL

hsl(290, 25%, 58%)

HSB

hsb(290, 30%, 69%)

CMYK

cmyk(5%, 30%, 0%, 31%)

Oklch

oklch(64.1% 0.092 320.6)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEF1B0

B4B1F1

Analogous

F1D4B1

EEF1B0

CEF1B1

Triadic

EEF1B0

B1EEF1

F1B1EE

Split-Comp.

EEF1B0

B1CEF1

D4B1F1

Tetradic

EEF1B0

B1F1D4

B4B1F1

F1B1CE

Contrast Matrix WCAG 2.1 Contrast

EEF1B0	A5E6AD	79B8BF	938EBF	A67AAF
—	1.2 Fail	1.9 Fail	2.6 Fail	3.0 Fail
1.2 Fail	—	1.5 Fail	2.1 Fail	2.4 Fail
1.9 Fail	1.5 Fail	—	1.4 Fail	1.6 Fail
2.6 Fail	2.1 Fail	1.4 Fail	—	1.1 Fail
3.0 Fail	2.4 Fail	1.6 Fail	1.1 Fail	—

White BG

1.2Fail

1.4Fail

2.2Fail

3.1AA Large

3.5AA Large

Black BG

17.8AAA

14.5AAA

9.4AAA

6.9AA

6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFC0

C1C2BB

9495BD

9191B3

9393A2

Deuteranopia

EFEFC4

BDB9BE

918CBD

9192B0

96999F

Tritanopia

EECCCF

A8C6C8

7CBCBC

93AAA8

A49896

Achromatopsia

E9E9E9

CCCCCC

A6A6A6

959595

8D8D8D

Shades & Tints Shades & Tints

#EEF1B0

Dark

Light

#A5E6AD

Dark

Light

#79B8BF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eef1b0;
  --color-2: #a5e6ad;
  --color-3: #79b8bf;
  --color-4: #938ebf;
  --color-5: #a67aaf;
}

SCSS

$color-1: #eef1b0;
$color-2: #a5e6ad;
$color-3: #79b8bf;
$color-4: #938ebf;
$color-5: #a67aaf;

TAILWIND

colors: {
  'brand-1': '#eef1b0',
  'brand-2': '#a5e6ad',
  'brand-3': '#79b8bf',
  'brand-4': '#938ebf',
  'brand-5': '#a67aaf',
}

RGB Array

[238, 241, 176], [165, 230, 173], [121, 184, 191], [147, 142, 191], [166, 122, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEF1B0, #A5E6AD, #79B8BF, #938EBF, #A67AAF is ideal for: health products, baby brands, fresh-style blogs. 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: #eef1b0; --color-2: #a5e6ad; --color-3: #79b8bf; --color-4: #938ebf; --color-5: #a67aaf. 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. 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