← Back to Editor

#FBECC1 · #FFAD9C · #DBAA89 · #BFBB96 · #81815B

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

#FBECC1

Goose Yellow · Bisque · Lemon Cream

HEX
#FBECC1
RGB
rgb(251, 236, 193)
HSL
hsl(44, 88%, 87%)
HSB
hsb(44, 23%, 98%)
CMYK
cmyk(0%, 6%, 23%, 2%)
Oklch
oklch(94.4% 0.058 91.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFAD9C

Peach Pink · LightSalmon · Cherry Blossom

HEX
#FFAD9C
RGB
rgb(255, 173, 156)
HSL
hsl(10, 100%, 81%)
HSB
hsb(10, 39%, 100%)
CMYK
cmyk(0%, 32%, 39%, 0%)
Oklch
oklch(82.3% 0.100 32.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DBAA89

Apricot · Tan · Warm Sun

HEX
#DBAA89
RGB
rgb(219, 170, 137)
HSL
hsl(24, 53%, 70%)
HSB
hsb(24, 37%, 86%)
CMYK
cmyk(0%, 22%, 37%, 14%)
Oklch
oklch(77.5% 0.073 55.3)

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

#BFBB96

Fresh Green · Tan · Sunflower

HEX
#BFBB96
RGB
rgb(191, 187, 150)
HSL
hsl(54, 24%, 67%)
HSB
hsb(54, 21%, 75%)
CMYK
cmyk(0%, 2%, 21%, 25%)
Oklch
oklch(78.6% 0.050 102.4)

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

#81815B

Autumn Sage · DimGray · Honey Gold

HEX
#81815B
RGB
rgb(129, 129, 91)
HSL
hsl(60, 17%, 43%)
HSB
hsb(60, 29%, 51%)
CMYK
cmyk(0%, 0%, 29%, 49%)
Oklch
oklch(59.3% 0.054 107.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBECC1
C1D0FB

Analogous

FBCEC1
FBECC1
EDFBC1

Triadic

FBECC1
C1FBEB
EBC1FB

Split-Comp.

FBECC1
C1EDFB
CEC1FB

Tetradic

FBECC1
C1FBCE
C1D0FB
FBC1ED

Contrast Matrix WCAG 2.1 Contrast

FBECC1
FFAD9C
DBAA89
BFBB96
81815B
—
1.5
Fail
1.8
Fail
1.7
Fail
3.4
AA Large
1.5
Fail
—
1.2
Fail
1.1
Fail
2.2
Fail
1.8
Fail
1.2
Fail
—
1.1
Fail
1.9
Fail
1.7
Fail
1.1
Fail
1.1
Fail
—
2.1
Fail
3.4
AA Large
2.2
Fail
1.9
Fail
2.1
Fail
—
White BG
1.2Fail
1.8Fail
2.1Fail
2.0Fail
4.0AA Large
Black BG
17.9AAA
11.7AAA
10.1AAA
10.8AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F4CB
DBDBA0
C6C591
BDBD9F
818164

Deuteranopia

F5F7CE
E0E6A1
C9CC93
BEBEA1
818166

Tritanopia

FAD4D5
FBA3A4
D99799
BFA6A8
816B6D

Achromatopsia

ECECEC
C4C4C4
B5B5B5
B8B8B8
7D7D7D

Shades & Tints Shades & Tints

#FBECC1

Dark
Light

#FFAD9C

Dark
Light

#DBAA89

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbecc1;
  --color-2: #ffad9c;
  --color-3: #dbaa89;
  --color-4: #bfbb96;
  --color-5: #81815b;
}

SCSS

$color-1: #fbecc1;
$color-2: #ffad9c;
$color-3: #dbaa89;
$color-4: #bfbb96;
$color-5: #81815b;

TAILWIND

colors: {
  'brand-1': '#fbecc1',
  'brand-2': '#ffad9c',
  'brand-3': '#dbaa89',
  'brand-4': '#bfbb96',
  'brand-5': '#81815b',
}

RGB Array

[251, 236, 193], [255, 173, 156], [219, 170, 137], [191, 187, 150], [129, 129, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBECC1, #FFAD9C, #DBAA89, #BFBB96, #81815B 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: #fbecc1; --color-2: #ffad9c; --color-3: #dbaa89; --color-4: #bfbb96; --color-5: #81815b. 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