← Back to Editor

#FCFBE1 · #FAF7DB · #2C250F · #8EBDAE · #AED7CE

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

#FCFBE1

Fresh Green · LightYellow · Lemon Cream

HEX
#FCFBE1
RGB
rgb(252, 251, 225)
HSL
hsl(58, 82%, 94%)
HSB
hsb(58, 11%, 99%)
CMYK
cmyk(0%, 0%, 11%, 1%)
Oklch
oklch(98.2% 0.034 105.2)

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

#FAF7DB

Fresh Green · Beige · Lemon Cream

HEX
#FAF7DB
RGB
rgb(250, 247, 219)
HSL
hsl(54, 76%, 92%)
HSB
hsb(54, 12%, 98%)
CMYK
cmyk(0%, 1%, 12%, 2%)
Oklch
oklch(97.1% 0.037 102.0)

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

#2C250F

Ochre · Black · Amber Gold

HEX
#2C250F
RGB
rgb(44, 37, 15)
HSL
hsl(46, 49%, 12%)
HSB
hsb(46, 66%, 17%)
CMYK
cmyk(0%, 16%, 66%, 83%)
Oklch
oklch(26.6% 0.037 92.1)

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

#8EBDAE

Jade · DarkSeaGreen · Lake Green

HEX
#8EBDAE
RGB
rgb(142, 189, 174)
HSL
hsl(161, 26%, 65%)
HSB
hsb(161, 25%, 74%)
CMYK
cmyk(25%, 0%, 8%, 26%)
Oklch
oklch(76.1% 0.054 173.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#AED7CE

Jade · LightBlue · Glacier Blue

HEX
#AED7CE
RGB
rgb(174, 215, 206)
HSL
hsl(167, 34%, 76%)
HSB
hsb(167, 19%, 84%)
CMYK
cmyk(19%, 0%, 4%, 16%)
Oklch
oklch(84.7% 0.045 180.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCFBE1
E3E4FC

Analogous

FCEFE3
FCFBE1
F1FCE3

Triadic

FCFBE1
E3FCFB
FBE3FC

Split-Comp.

FCFBE1
E3F1FC
EFE3FC

Tetradic

FCFBE1
E3FCEF
E3E4FC
FCE3F1

Contrast Matrix WCAG 2.1 Contrast

FCFBE1
FAF7DB
2C250F
8EBDAE
AED7CE
—
1.0
Fail
14.5
AAA
2.0
Fail
1.5
Fail
1.0
Fail
—
14.1
AAA
1.9
Fail
1.4
Fail
14.5
AAA
14.1
AAA
—
7.3
AAA
9.7
AAA
2.0
Fail
1.9
Fail
7.3
AAA
—
1.3
Fail
1.5
Fail
1.4
Fail
9.7
AAA
1.3
Fail
—
White BG
1.0Fail
1.1Fail
15.2AAA
2.1Fail
1.6Fail
Black BG
20.0AAA
19.4AAA
1.4Fail
10.0AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCE7
F9F9E2
292914
A2A3B2
C0C0D0

Deuteranopia

FCFCE9
F9F9E3
292A16
A09CB3
BDBAD1

Tritanopia

FCECED
FAE7E8
2C1919
90B4B5
B0D2D2

Achromatopsia

F8F8F8
F5F5F5
252525
ADADAD
CACACA

Shades & Tints Shades & Tints

#FCFBE1

Dark
Light

#FAF7DB

Dark
Light

#2C250F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcfbe1;
  --color-2: #faf7db;
  --color-3: #2c250f;
  --color-4: #8ebdae;
  --color-5: #aed7ce;
}

SCSS

$color-1: #fcfbe1;
$color-2: #faf7db;
$color-3: #2c250f;
$color-4: #8ebdae;
$color-5: #aed7ce;

TAILWIND

colors: {
  'brand-1': '#fcfbe1',
  'brand-2': '#faf7db',
  'brand-3': '#2c250f',
  'brand-4': '#8ebdae',
  'brand-5': '#aed7ce',
}

RGB Array

[252, 251, 225], [250, 247, 219], [44, 37, 15], [142, 189, 174], [174, 215, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCFBE1, #FAF7DB, #2C250F, #8EBDAE, #AED7CE 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: #fcfbe1; --color-2: #faf7db; --color-3: #2c250f; --color-4: #8ebdae; --color-5: #aed7ce. 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