← Back to Editor

#FCFCF6 · #EDF08D · #B7C265 · #8D9354 · #6A6F40

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FCFCF6

Fresh Green · Snow · Lemon Cream

HEX
#FCFCF6
RGB
rgb(252, 252, 246)
HSL
hsl(60, 50%, 98%)
HSB
hsb(60, 2%, 99%)
CMYK
cmyk(0%, 0%, 2%, 1%)
Oklch
oklch(98.9% 0.008 106.5)

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

#EDF08D

Fresh Green · Khaki · Sunflower

HEX
#EDF08D
RGB
rgb(237, 240, 141)
HSL
hsl(62, 77%, 75%)
HSB
hsb(62, 41%, 94%)
CMYK
cmyk(1%, 0%, 41%, 6%)
Oklch
oklch(93.2% 0.122 110.1)

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

#B7C265

Autumn Sage · Tan · Sunflower

HEX
#B7C265
RGB
rgb(183, 194, 101)
HSL
hsl(67, 43%, 58%)
HSB
hsb(67, 48%, 76%)
CMYK
cmyk(6%, 0%, 48%, 24%)
Oklch
oklch(78.5% 0.118 114.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#8D9354

Autumn Sage · Gray · Honey Gold

HEX
#8D9354
RGB
rgb(141, 147, 84)
HSL
hsl(66, 27%, 45%)
HSB
hsb(66, 43%, 58%)
CMYK
cmyk(4%, 0%, 43%, 42%)
Oklch
oklch(64.3% 0.086 113.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#6A6F40

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#6A6F40
RGB
rgb(106, 111, 64)
HSL
hsl(66, 27%, 34%)
HSB
hsb(66, 42%, 44%)
CMYK
cmyk(5%, 0%, 42%, 56%)
Oklch
oklch(52.6% 0.068 113.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCFCF6
F7F7FC

Analogous

FCFAF7
FCFCF6
FAFCF7

Triadic

FCFCF6
F7FCFC
FCF7FC

Split-Comp.

FCFCF6
F7FAFC
FAF7FC

Tetradic

FCFCF6
F7FCFA
F7F7FC
FCF7FA

Contrast Matrix WCAG 2.1 Contrast

FCFCF6
EDF08D
B7C265
8D9354
6A6F40
—
1.2
Fail
1.9
Fail
3.2
AA Large
5.1
AA
1.2
Fail
—
1.6
Fail
2.7
Fail
4.4
AA Large
1.9
Fail
1.6
Fail
—
1.7
Fail
2.8
Fail
3.2
AA Large
2.7
Fail
1.7
Fail
—
1.6
Fail
5.1
AA
4.4
AA Large
2.8
Fail
1.6
Fail
—
White BG
1.0Fail
1.2Fail
1.9Fail
3.3AA Large
5.3AA
Black BG
20.4AAA
17.4AAA
10.9AAA
6.4AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCF7
EEEEA5
BCBC7C
909063
6C6C4B

Deuteranopia

FCFCF8
EEEEAB
BBBA81
8F8F67
6C6B4E

Tritanopia

FCF9F9
EDB8BC
B88D91
8D6F72
6A5456

Achromatopsia

FBFBFB
E4E4E4
B4B4B4
8A8A8A
686868

Shades & Tints Shades & Tints

#FCFCF6

Dark
Light

#EDF08D

Dark
Light

#B7C265

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcfcf6;
  --color-2: #edf08d;
  --color-3: #b7c265;
  --color-4: #8d9354;
  --color-5: #6a6f40;
}

SCSS

$color-1: #fcfcf6;
$color-2: #edf08d;
$color-3: #b7c265;
$color-4: #8d9354;
$color-5: #6a6f40;

TAILWIND

colors: {
  'brand-1': '#fcfcf6',
  'brand-2': '#edf08d',
  'brand-3': '#b7c265',
  'brand-4': '#8d9354',
  'brand-5': '#6a6f40',
}

RGB Array

[252, 252, 246], [237, 240, 141], [183, 194, 101], [141, 147, 84], [106, 111, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCFCF6, #EDF08D, #B7C265, #8D9354, #6A6F40 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: #fcfcf6; --color-2: #edf08d; --color-3: #b7c265; --color-4: #8d9354; --color-5: #6a6f40. 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