← Back to Editor

#FAFFA6 · #D6CC8D · #C4AC84 · #997D50 · #82523D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FAFFA6

Fresh Green · Wheat · Lemon Cream

HEX
#FAFFA6
RGB
rgb(250, 255, 166)
HSL
hsl(63, 100%, 83%)
HSB
hsb(63, 35%, 100%)
CMYK
cmyk(2%, 0%, 35%, 0%)
Oklch
oklch(97.6% 0.111 111.0)

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

#D6CC8D

Fresh Green · BurlyWood · Sunflower

HEX
#D6CC8D
RGB
rgb(214, 204, 141)
HSL
hsl(52, 47%, 70%)
HSB
hsb(52, 34%, 84%)
CMYK
cmyk(0%, 5%, 34%, 16%)
Oklch
oklch(83.9% 0.082 100.3)

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

#C4AC84

Ginger · Tan · Warm Sun

HEX
#C4AC84
RGB
rgb(196, 172, 132)
HSL
hsl(38, 35%, 64%)
HSB
hsb(38, 33%, 77%)
CMYK
cmyk(0%, 12%, 33%, 23%)
Oklch
oklch(75.5% 0.061 80.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#997D50

Ochre · Gray · Amber Brown

HEX
#997D50
RGB
rgb(153, 125, 80)
HSL
hsl(37, 31%, 46%)
HSB
hsb(37, 48%, 60%)
CMYK
cmyk(0%, 18%, 48%, 40%)
Oklch
oklch(60.6% 0.071 78.7)

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

#82523D

Tangerine · Sienna · Amber Brown

HEX
#82523D
RGB
rgb(130, 82, 61)
HSL
hsl(18, 36%, 37%)
HSB
hsb(18, 53%, 51%)
CMYK
cmyk(0%, 37%, 53%, 49%)
Oklch
oklch(48.7% 0.072 44.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAFFA6
ADA8FF

Analogous

FFD8A8
FAFFA6
CFFFA8

Triadic

FAFFA6
A8FBFF
FFA8FB

Split-Comp.

FAFFA6
A8CFFF
D8A8FF

Tetradic

FAFFA6
A8FFD8
ADA8FF
FFA8CF

Contrast Matrix WCAG 2.1 Contrast

FAFFA6
D6CC8D
C4AC84
997D50
82523D
—
1.5
Fail
2.1
Fail
3.7
AA Large
6.2
AA
1.5
Fail
—
1.3
Fail
2.4
Fail
4.0
AA Large
2.1
Fail
1.3
Fail
—
1.8
Fail
3.0
Fail
3.7
AA Large
2.4
Fail
1.8
Fail
—
1.7
Fail
6.2
AA
4.0
AA Large
3.0
Fail
1.7
Fail
—
White BG
1.1Fail
1.6Fail
2.2Fail
3.9AA Large
6.5AA
Black BG
19.9AAA
12.9AAA
9.6AAA
5.4AA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCBC
D2D29C
BAB98E
8D8D5B
6D6D42

Deuteranopia

FCFCC1
D2D3A0
BBBD90
8F915E
707443

Tritanopia

FACDD0
D5A8AB
C39597
986365
804647

Achromatopsia

F3F3F3
C8C8C8
AFAFAF
808080
5E5E5E

Shades & Tints Shades & Tints

#FAFFA6

Dark
Light

#D6CC8D

Dark
Light

#C4AC84

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faffa6;
  --color-2: #d6cc8d;
  --color-3: #c4ac84;
  --color-4: #997d50;
  --color-5: #82523d;
}

SCSS

$color-1: #faffa6;
$color-2: #d6cc8d;
$color-3: #c4ac84;
$color-4: #997d50;
$color-5: #82523d;

TAILWIND

colors: {
  'brand-1': '#faffa6',
  'brand-2': '#d6cc8d',
  'brand-3': '#c4ac84',
  'brand-4': '#997d50',
  'brand-5': '#82523d',
}

RGB Array

[250, 255, 166], [214, 204, 141], [196, 172, 132], [153, 125, 80], [130, 82, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAFFA6, #D6CC8D, #C4AC84, #997D50, #82523D is ideal for: 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: #faffa6; --color-2: #d6cc8d; --color-3: #c4ac84; --color-4: #997d50; --color-5: #82523d. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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