← Back to Editor

#F1BFA6 · #443F29 · #EACC9A · #FDF9B2 · #BCCDA1

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

#F1BFA6

Apricot · LightPink · Peach Orange

HEX
#F1BFA6
RGB
rgb(241, 191, 166)
HSL
hsl(20, 73%, 80%)
HSB
hsb(20, 31%, 95%)
CMYK
cmyk(0%, 21%, 31%, 5%)
Oklch
oklch(84.3% 0.067 47.9)

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

#443F29

Ochre · DarkSlateGray · Amber Gold

HEX
#443F29
RGB
rgb(68, 63, 41)
HSL
hsl(49, 25%, 21%)
HSB
hsb(49, 40%, 27%)
CMYK
cmyk(0%, 7%, 40%, 73%)
Oklch
oklch(36.6% 0.036 96.9)

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

#EACC9A

Goose Yellow · BurlyWood · Peach Orange

HEX
#EACC9A
RGB
rgb(234, 204, 154)
HSL
hsl(38, 66%, 76%)
HSB
hsb(38, 34%, 92%)
CMYK
cmyk(0%, 13%, 34%, 8%)
Oklch
oklch(85.9% 0.073 80.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FDF9B2

Fresh Green · Bisque · Lemon Cream

HEX
#FDF9B2
RGB
rgb(253, 249, 178)
HSL
hsl(57, 95%, 85%)
HSB
hsb(57, 30%, 99%)
CMYK
cmyk(0%, 2%, 30%, 1%)
Oklch
oklch(96.9% 0.090 105.2)

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

#BCCDA1

Willow Green · Silver · Apple Green

HEX
#BCCDA1
RGB
rgb(188, 205, 161)
HSL
hsl(83, 31%, 72%)
HSB
hsb(83, 21%, 80%)
CMYK
cmyk(8%, 0%, 21%, 20%)
Oklch
oklch(82.4% 0.062 124.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1BFA6
A7D8F1

Analogous

F1A7B3
F1BFA6
F1E5A7

Triadic

F1BFA6
A7F1C0
C0A7F1

Split-Comp.

F1BFA6
A7F1E5
A7B3F1

Tetradic

F1BFA6
B3F1A7
A7D8F1
E5A7F1

Contrast Matrix WCAG 2.1 Contrast

F1BFA6
443F29
EACC9A
FDF9B2
BCCDA1
—
6.4
AA
1.1
Fail
1.5
Fail
1.0
Fail
6.4
AA
—
6.8
AA
9.7
AAA
6.2
AA
1.1
Fail
6.8
AA
—
1.4
Fail
1.1
Fail
1.5
Fail
9.7
AAA
1.4
Fail
—
1.6
Fail
1.0
Fail
6.2
AA
1.1
Fail
1.6
Fail
—
White BG
1.6Fail
10.6AAA
1.5Fail
1.1Fail
1.7Fail
Black BG
12.7AAA
2.0Fail
13.6AAA
19.4AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBAC
42422E
DDDDA6
FBFBC3
C3C4AC

Deuteranopia

DEE2AE
424330
DFE1A9
FCFCC7
C2C1AE

Tritanopia

EFB1B2
443333
E8B0B2
FDD1D4
BDB4B6

Achromatopsia

CBCBCB
3E3E3E
CFCFCF
F2F2F2
C3C3C3

Shades & Tints Shades & Tints

#F1BFA6

Dark
Light

#443F29

Dark
Light

#EACC9A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1bfa6;
  --color-2: #443f29;
  --color-3: #eacc9a;
  --color-4: #fdf9b2;
  --color-5: #bccda1;
}

SCSS

$color-1: #f1bfa6;
$color-2: #443f29;
$color-3: #eacc9a;
$color-4: #fdf9b2;
$color-5: #bccda1;

TAILWIND

colors: {
  'brand-1': '#f1bfa6',
  'brand-2': '#443f29',
  'brand-3': '#eacc9a',
  'brand-4': '#fdf9b2',
  'brand-5': '#bccda1',
}

RGB Array

[241, 191, 166], [68, 63, 41], [234, 204, 154], [253, 249, 178], [188, 205, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1BFA6, #443F29, #EACC9A, #FDF9B2, #BCCDA1 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: #f1bfa6; --color-2: #443f29; --color-3: #eacc9a; --color-4: #fdf9b2; --color-5: #bccda1. 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