← Back to Editor

#A4A698 · #D9D7C0 · #F7F7EB · #4C483C · #FEF9E5

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

#A4A698

Ash · DarkGray · Silver Sand

HEX
#A4A698
RGB
rgb(164, 166, 152)
HSL
hsl(69, 7%, 62%)
HSB
hsb(69, 8%, 65%)
CMYK
cmyk(1%, 0%, 8%, 35%)
Oklch
oklch(71.9% 0.020 113.5)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#D9D7C0

Fresh Green · LightGray · Lemon Cream

HEX
#D9D7C0
RGB
rgb(217, 215, 192)
HSL
hsl(55, 25%, 80%)
HSB
hsb(55, 12%, 85%)
CMYK
cmyk(0%, 1%, 12%, 15%)
Oklch
oklch(87.5% 0.031 103.0)

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

#F7F7EB

Fresh Green · SeaShell · Lemon Cream

HEX
#F7F7EB
RGB
rgb(247, 247, 235)
HSL
hsl(60, 43%, 95%)
HSB
hsb(60, 5%, 97%)
CMYK
cmyk(0%, 0%, 5%, 3%)
Oklch
oklch(97.3% 0.016 106.7)

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

#4C483C

Ochre · DarkSlateGray · Honey Gold

HEX
#4C483C
RGB
rgb(76, 72, 60)
HSL
hsl(45, 12%, 27%)
HSB
hsb(45, 21%, 30%)
CMYK
cmyk(0%, 5%, 21%, 70%)
Oklch
oklch(40.2% 0.020 91.8)

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

#FEF9E5

Goose Yellow · LightYellow · Lemon Cream

HEX
#FEF9E5
RGB
rgb(254, 249, 229)
HSL
hsl(48, 93%, 95%)
HSB
hsb(48, 10%, 100%)
CMYK
cmyk(0%, 2%, 10%, 0%)
Oklch
oklch(98.1% 0.027 95.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A4A698
9997A5

Analogous

A5A097
A4A698
9CA597

Triadic

A4A698
97A3A5
A597A3

Split-Comp.

A4A698
979CA5
A097A5

Tetradic

A4A698
97A5A0
9997A5
A5979C

Contrast Matrix WCAG 2.1 Contrast

A4A698
D9D7C0
F7F7EB
4C483C
FEF9E5
—
1.7
Fail
2.3
Fail
3.7
AA Large
2.3
Fail
1.7
Fail
—
1.3
Fail
6.3
AA
1.4
Fail
2.3
Fail
1.3
Fail
—
8.5
AAA
1.0
Fail
3.7
AA Large
6.3
AA
8.5
AAA
—
8.7
AAA
2.3
Fail
1.4
Fail
1.0
Fail
8.7
AAA
—
White BG
2.5Fail
1.5Fail
1.1Fail
9.1AAA
1.1Fail
Black BG
8.5AAA
14.4AAA
19.5AAA
2.3Fail
19.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A59B
D8D8C6
F7F7EE
4A4A3F
FCFCEA

Deuteranopia

A5A59C
D8D8C7
F7F7EF
4B4B40
FCFDEB

Tritanopia

A49E9F
D9CACB
F7F0F1
4C4142
FEEEEF

Achromatopsia

A4A4A4
D5D5D5
F6F6F6
484848
F8F8F8

Shades & Tints Shades & Tints

#A4A698

Dark
Light

#D9D7C0

Dark
Light

#F7F7EB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a4a698;
  --color-2: #d9d7c0;
  --color-3: #f7f7eb;
  --color-4: #4c483c;
  --color-5: #fef9e5;
}

SCSS

$color-1: #a4a698;
$color-2: #d9d7c0;
$color-3: #f7f7eb;
$color-4: #4c483c;
$color-5: #fef9e5;

TAILWIND

colors: {
  'brand-1': '#a4a698',
  'brand-2': '#d9d7c0',
  'brand-3': '#f7f7eb',
  'brand-4': '#4c483c',
  'brand-5': '#fef9e5',
}

RGB Array

[164, 166, 152], [217, 215, 192], [247, 247, 235], [76, 72, 60], [254, 249, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A4A698, #D9D7C0, #F7F7EB, #4C483C, #FEF9E5 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: #a4a698; --color-2: #d9d7c0; --color-3: #f7f7eb; --color-4: #4c483c; --color-5: #fef9e5. 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