← Back to Editor

#FACFC0 · #D79C7F · #91813A · #B9D67E · #C1EBB0

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

#FACFC0

Apricot · Pink · Peach Orange

HEX
#FACFC0
RGB
rgb(250, 207, 192)
HSL
hsl(16, 85%, 87%)
HSB
hsb(16, 23%, 98%)
CMYK
cmyk(0%, 17%, 23%, 2%)
Oklch
oklch(88.8% 0.053 40.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D79C7F

Apricot · DarkSalmon · Warm Sun

HEX
#D79C7F
RGB
rgb(215, 156, 127)
HSL
hsl(20, 52%, 67%)
HSB
hsb(20, 41%, 84%)
CMYK
cmyk(0%, 27%, 41%, 16%)
Oklch
oklch(74.2% 0.082 47.2)

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

#91813A

Ochre · Sienna · Honey Gold

HEX
#91813A
RGB
rgb(145, 129, 58)
HSL
hsl(49, 43%, 40%)
HSB
hsb(49, 60%, 57%)
CMYK
cmyk(0%, 11%, 60%, 43%)
Oklch
oklch(60.3% 0.093 96.8)

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

#B9D67E

Willow Green · Tan · Apple Green

HEX
#B9D67E
RGB
rgb(185, 214, 126)
HSL
hsl(80, 52%, 67%)
HSB
hsb(80, 41%, 84%)
CMYK
cmyk(14%, 0%, 41%, 16%)
Oklch
oklch(83.5% 0.118 123.8)

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

#C1EBB0

Emerald · Silver · Mint Green

HEX
#C1EBB0
RGB
rgb(193, 235, 176)
HSL
hsl(103, 60%, 81%)
HSB
hsb(103, 25%, 92%)
CMYK
cmyk(18%, 0%, 25%, 8%)
Oklch
oklch(89.5% 0.090 136.8)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FACFC0
C2EBFA

Analogous

FAC2CF
FACFC0
FAEDC2

Triadic

FACFC0
C2FAD1
D1C2FA

Split-Comp.

FACFC0
C2FAED
C2CFFA

Tetradic

FACFC0
CFFAC2
C2EBFA
EDC2FA

Contrast Matrix WCAG 2.1 Contrast

FACFC0
D79C7F
91813A
B9D67E
C1EBB0
—
1.6
Fail
2.7
Fail
1.1
Fail
1.1
Fail
1.6
Fail
—
1.7
Fail
1.5
Fail
1.8
Fail
2.7
Fail
1.7
Fail
—
2.4
Fail
2.9
Fail
1.1
Fail
1.5
Fail
2.4
Fail
—
1.2
Fail
1.1
Fail
1.8
Fail
2.9
Fail
1.2
Fail
—
White BG
1.4Fail
2.3Fail
3.9AA Large
1.6Fail
1.3Fail
Black BG
14.8AAA
9.0AAA
5.4AA
13.0AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7C4
BDBD86
8A8A4B
C6C693
D3D4BE

Deuteranopia

EAEDC4
C1C588
8B8C4F
C4C298
D1CEC2

Tritanopia

F8C6C7
D48C8D
90595C
BAA4A8
C3CACC

Achromatopsia

DADADA
AAAAAA
7E7E7E
C3C3C3
D8D8D8

Shades & Tints Shades & Tints

#FACFC0

Dark
Light

#D79C7F

Dark
Light

#91813A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #facfc0;
  --color-2: #d79c7f;
  --color-3: #91813a;
  --color-4: #b9d67e;
  --color-5: #c1ebb0;
}

SCSS

$color-1: #facfc0;
$color-2: #d79c7f;
$color-3: #91813a;
$color-4: #b9d67e;
$color-5: #c1ebb0;

TAILWIND

colors: {
  'brand-1': '#facfc0',
  'brand-2': '#d79c7f',
  'brand-3': '#91813a',
  'brand-4': '#b9d67e',
  'brand-5': '#c1ebb0',
}

RGB Array

[250, 207, 192], [215, 156, 127], [145, 129, 58], [185, 214, 126], [193, 235, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FACFC0, #D79C7F, #91813A, #B9D67E, #C1EBB0 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: #facfc0; --color-2: #d79c7f; --color-3: #91813a; --color-4: #b9d67e; --color-5: #c1ebb0. 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