← Back to Editor

#FAEDE3 · #EBE8B5 · #ACB89A · #7AA394 · #7A6C70

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

WorkspaceReadingData Visualization

Color Details Color Details

#FAEDE3

Apricot · Linen · Peach Orange

HEX
#FAEDE3
RGB
rgb(250, 237, 227)
HSL
hsl(26, 70%, 94%)
HSB
hsb(26, 9%, 98%)
CMYK
cmyk(0%, 5%, 9%, 2%)
Oklch
oklch(95.4% 0.019 60.2)

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

#EBE8B5

Fresh Green · Wheat · Lemon Cream

HEX
#EBE8B5
RGB
rgb(235, 232, 181)
HSL
hsl(57, 57%, 82%)
HSB
hsb(57, 23%, 92%)
CMYK
cmyk(0%, 1%, 23%, 8%)
Oklch
oklch(92.1% 0.066 104.8)

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

#ACB89A

Willow Green · DarkGray · Apple Green

HEX
#ACB89A
RGB
rgb(172, 184, 154)
HSL
hsl(84, 17%, 66%)
HSB
hsb(84, 16%, 72%)
CMYK
cmyk(7%, 0%, 16%, 28%)
Oklch
oklch(76.5% 0.044 125.2)

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

#7AA394

Mineral Blue · LightSlateGray · Olive Green

HEX
#7AA394
RGB
rgb(122, 163, 148)
HSL
hsl(158, 18%, 56%)
HSB
hsb(158, 25%, 64%)
CMYK
cmyk(25%, 0%, 9%, 36%)
Oklch
oklch(68.1% 0.050 170.3)

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

#7A6C70

Ink Gray · DimGray · Warm Gray

HEX
#7A6C70
RGB
rgb(122, 108, 112)
HSL
hsl(343, 6%, 45%)
HSB
hsb(343, 11%, 48%)
CMYK
cmyk(0%, 11%, 8%, 52%)
Oklch
oklch(54.6% 0.019 358.5)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAEDE3
E5F1FA

Analogous

FAE5E6
FAEDE3
FAF9E5

Triadic

FAEDE3
E5FAEE
EEE5FA

Split-Comp.

FAEDE3
E5FAF9
E5E6FA

Tetradic

FAEDE3
E6FAE5
E5F1FA
F9E5FA

Contrast Matrix WCAG 2.1 Contrast

FAEDE3
EBE8B5
ACB89A
7AA394
7A6C70
—
1.1
Fail
1.8
Fail
2.4
Fail
4.3
AA Large
1.1
Fail
—
1.7
Fail
2.2
Fail
4.0
AA Large
1.8
Fail
1.7
Fail
—
1.3
Fail
2.4
Fail
2.4
Fail
2.2
Fail
1.3
Fail
—
1.8
Fail
4.3
AA Large
4.0
AA Large
2.4
Fail
1.8
Fail
—
White BG
1.1Fail
1.3Fail
2.1Fail
2.8Fail
5.0AA
Black BG
18.3AAA
16.7AAA
10.1AAA
7.5AAA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4E5
EAEAC1
B1B1A1
8C8C98
74746F

Deuteranopia

F5F6E6
EAEAC4
B1B0A3
898699
75766F

Tritanopia

F9E7E8
EBCBCD
ADA7A8
7C9A9B
796E6E

Achromatopsia

F0F0F0
E3E3E3
B1B1B1
959595
717171

Shades & Tints Shades & Tints

#FAEDE3

Dark
Light

#EBE8B5

Dark
Light

#ACB89A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faede3;
  --color-2: #ebe8b5;
  --color-3: #acb89a;
  --color-4: #7aa394;
  --color-5: #7a6c70;
}

SCSS

$color-1: #faede3;
$color-2: #ebe8b5;
$color-3: #acb89a;
$color-4: #7aa394;
$color-5: #7a6c70;

TAILWIND

colors: {
  'brand-1': '#faede3',
  'brand-2': '#ebe8b5',
  'brand-3': '#acb89a',
  'brand-4': '#7aa394',
  'brand-5': '#7a6c70',
}

RGB Array

[250, 237, 227], [235, 232, 181], [172, 184, 154], [122, 163, 148], [122, 108, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAEDE3, #EBE8B5, #ACB89A, #7AA394, #7A6C70 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: #faede3; --color-2: #ebe8b5; --color-3: #acb89a; --color-4: #7aa394; --color-5: #7a6c70. 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