← Back to Editor

#AAB588 · #403D2F · #FAF6D4 · #E6E0B1 · #EDD88A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#AAB588

Willow Green · DarkSeaGreen · Apple Green

HEX
#AAB588
RGB
rgb(170, 181, 136)
HSL
hsl(75, 23%, 62%)
HSB
hsb(75, 25%, 71%)
CMYK
cmyk(6%, 0%, 25%, 29%)
Oklch
oklch(75.3% 0.063 119.1)

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

#403D2F

Ochre · DarkSlateGray · Amber Gold

HEX
#403D2F
RGB
rgb(64, 61, 47)
HSL
hsl(49, 15%, 22%)
HSB
hsb(49, 27%, 25%)
CMYK
cmyk(0%, 5%, 27%, 75%)
Oklch
oklch(35.9% 0.023 97.3)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#FAF6D4

Fresh Green · Beige · Lemon Cream

HEX
#FAF6D4
RGB
rgb(250, 246, 212)
HSL
hsl(54, 79%, 91%)
HSB
hsb(54, 15%, 98%)
CMYK
cmyk(0%, 2%, 15%, 2%)
Oklch
oklch(96.8% 0.044 101.7)

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

#E6E0B1

Fresh Green · Wheat · Lemon Cream

HEX
#E6E0B1
RGB
rgb(230, 224, 177)
HSL
hsl(53, 51%, 80%)
HSB
hsb(53, 23%, 90%)
CMYK
cmyk(0%, 3%, 23%, 10%)
Oklch
oklch(90.0% 0.062 101.5)

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

#EDD88A

Goose Yellow · Khaki · Sunflower

HEX
#EDD88A
RGB
rgb(237, 216, 138)
HSL
hsl(47, 73%, 74%)
HSB
hsb(47, 42%, 93%)
CMYK
cmyk(0%, 9%, 42%, 7%)
Oklch
oklch(88.2% 0.100 94.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAB588
9388B4

Analogous

B4A988
AAB588
93B488

Triadic

AAB588
88A9B4
B488A9

Split-Comp.

AAB588
8893B4
A988B4

Tetradic

AAB588
88B4A9
9388B4
B48893

Contrast Matrix WCAG 2.1 Contrast

AAB588
403D2F
FAF6D4
E6E0B1
EDD88A
—
5.0
AA
2.0
Fail
1.6
Fail
1.5
Fail
5.0
AA
—
10.0
AAA
8.1
AAA
7.7
AAA
2.0
Fail
10.0
AAA
—
1.2
Fail
1.3
Fail
1.6
Fail
8.1
AAA
1.2
Fail
—
1.1
Fail
1.5
Fail
7.7
AAA
1.3
Fail
1.1
Fail
—
White BG
2.2Fail
10.9AAA
1.1Fail
1.3Fail
1.4Fail
Black BG
9.7AAA
1.9Fail
19.2AAA
15.7AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAF93
3F3F32
F8F8DC
E3E3BC
E4E49D

Deuteranopia

AEAD96
3F3F33
F9F9DE
E4E4BF
E5E7A1

Tritanopia

AB9B9D
403536
FAE3E4
E6C5C7
ECACAF

Achromatopsia

ADADAD
3C3C3C
F3F3F3
DCDCDC
D5D5D5

Shades & Tints Shades & Tints

#AAB588

Dark
Light

#403D2F

Dark
Light

#FAF6D4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aab588;
  --color-2: #403d2f;
  --color-3: #faf6d4;
  --color-4: #e6e0b1;
  --color-5: #edd88a;
}

SCSS

$color-1: #aab588;
$color-2: #403d2f;
$color-3: #faf6d4;
$color-4: #e6e0b1;
$color-5: #edd88a;

TAILWIND

colors: {
  'brand-1': '#aab588',
  'brand-2': '#403d2f',
  'brand-3': '#faf6d4',
  'brand-4': '#e6e0b1',
  'brand-5': '#edd88a',
}

RGB Array

[170, 181, 136], [64, 61, 47], [250, 246, 212], [230, 224, 177], [237, 216, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AAB588, #403D2F, #FAF6D4, #E6E0B1, #EDD88A 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: #aab588; --color-2: #403d2f; --color-3: #faf6d4; --color-4: #e6e0b1; --color-5: #edd88a. 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