← Back to Editor

#EFEBE1 · #CDC9B9 · #AAA690 · #94B6A9 · #7EC5C2

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

WorkspaceReading

Color Details Color Details

#EFEBE1

Goose Yellow · Beige · Lemon Cream

HEX
#EFEBE1
RGB
rgb(239, 235, 225)
HSL
hsl(43, 30%, 91%)
HSB
hsb(43, 6%, 94%)
CMYK
cmyk(0%, 2%, 6%, 6%)
Oklch
oklch(94.0% 0.014 88.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#CDC9B9

Goose Yellow · Silver · Lemon Cream

HEX
#CDC9B9
RGB
rgb(205, 201, 185)
HSL
hsl(48, 17%, 76%)
HSB
hsb(48, 10%, 80%)
CMYK
cmyk(0%, 2%, 10%, 20%)
Oklch
oklch(83.5% 0.022 95.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#AAA690

Fresh Green · DarkGray · Sunflower

HEX
#AAA690
RGB
rgb(170, 166, 144)
HSL
hsl(51, 13%, 62%)
HSB
hsb(51, 15%, 67%)
CMYK
cmyk(0%, 2%, 15%, 33%)
Oklch
oklch(72.2% 0.031 98.6)

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

#94B6A9

Jade · DarkGray · Apple Green

HEX
#94B6A9
RGB
rgb(148, 182, 169)
HSL
hsl(157, 19%, 65%)
HSB
hsb(157, 19%, 71%)
CMYK
cmyk(19%, 0%, 7%, 29%)
Oklch
oklch(74.7% 0.041 169.9)

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

#7EC5C2

Jade · MediumAquaMarine · Lake Green

HEX
#7EC5C2
RGB
rgb(126, 197, 194)
HSL
hsl(177, 38%, 63%)
HSB
hsb(177, 36%, 77%)
CMYK
cmyk(36%, 0%, 2%, 23%)
Oklch
oklch(77.6% 0.072 192.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFEBE1
E1E5EF

Analogous

EFE4E1
EFEBE1
ECEFE1

Triadic

EFEBE1
E1EFEB
EBE1EF

Split-Comp.

EFEBE1
E1ECEF
E4E1EF

Tetradic

EFEBE1
E1EFE4
E1E5EF
EFE1EC

Contrast Matrix WCAG 2.1 Contrast

EFEBE1
CDC9B9
AAA690
94B6A9
7EC5C2
—
1.4
Fail
2.1
Fail
1.9
Fail
1.7
Fail
1.4
Fail
—
1.5
Fail
1.3
Fail
1.2
Fail
2.1
Fail
1.5
Fail
—
1.1
Fail
1.2
Fail
1.9
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.7
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
White BG
1.2Fail
1.7Fail
2.5Fail
2.2Fail
2.0Fail
Black BG
17.6AAA
12.7AAA
8.6AAA
9.5AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDE3
CBCBBD
A8A895
A3A3AC
9D9DC3

Deuteranopia

EEEEE4
CCCCBE
A9A997
A19EAD
9993C3

Tritanopia

EFE5E6
CDC0C1
AA9A9A
96AFAF
82C3C3

Achromatopsia

EBEBEB
C8C8C8
A5A5A5
AAAAAA
AFAFAF

Shades & Tints Shades & Tints

#EFEBE1

Dark
Light

#CDC9B9

Dark
Light

#AAA690

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efebe1;
  --color-2: #cdc9b9;
  --color-3: #aaa690;
  --color-4: #94b6a9;
  --color-5: #7ec5c2;
}

SCSS

$color-1: #efebe1;
$color-2: #cdc9b9;
$color-3: #aaa690;
$color-4: #94b6a9;
$color-5: #7ec5c2;

TAILWIND

colors: {
  'brand-1': '#efebe1',
  'brand-2': '#cdc9b9',
  'brand-3': '#aaa690',
  'brand-4': '#94b6a9',
  'brand-5': '#7ec5c2',
}

RGB Array

[239, 235, 225], [205, 201, 185], [170, 166, 144], [148, 182, 169], [126, 197, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFEBE1, #CDC9B9, #AAA690, #94B6A9, #7EC5C2 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #efebe1; --color-2: #cdc9b9; --color-3: #aaa690; --color-4: #94b6a9; --color-5: #7ec5c2. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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