← Back to Editor

#F5E8D7 · #BACDB9 · #B5B785 · #99919E · #BE69A0

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

WorkspaceReading

Color Details Color Details

#F5E8D7

Goose Yellow · Beige · Peach Orange

HEX
#F5E8D7
RGB
rgb(245, 232, 215)
HSL
hsl(34, 60%, 90%)
HSB
hsb(34, 12%, 96%)
CMYK
cmyk(0%, 5%, 12%, 4%)
Oklch
oklch(93.7% 0.027 74.8)

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

#BACDB9

Celadon · Silver · Apple Green

HEX
#BACDB9
RGB
rgb(186, 205, 185)
HSL
hsl(117, 17%, 76%)
HSB
hsb(117, 10%, 80%)
CMYK
cmyk(9%, 0%, 10%, 20%)
Oklch
oklch(82.8% 0.034 143.9)

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

#B5B785

Fresh Green · Tan · Sunflower

HEX
#B5B785
RGB
rgb(181, 183, 133)
HSL
hsl(62, 26%, 62%)
HSB
hsb(62, 27%, 72%)
CMYK
cmyk(1%, 0%, 27%, 28%)
Oklch
oklch(76.5% 0.067 109.8)

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

#99919E

Ash · DarkGray · Silver Sand

HEX
#99919E
RGB
rgb(153, 145, 158)
HSL
hsl(277, 6%, 59%)
HSB
hsb(277, 8%, 62%)
CMYK
cmyk(3%, 8%, 0%, 38%)
Oklch
oklch(66.8% 0.021 312.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#BE69A0

Rose Purple · MediumOrchid · Rose Pink

HEX
#BE69A0
RGB
rgb(190, 105, 160)
HSL
hsl(321, 40%, 58%)
HSB
hsb(321, 45%, 75%)
CMYK
cmyk(0%, 45%, 16%, 25%)
Oklch
oklch(63.4% 0.128 342.0)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5E8D7
D6E3F5

Analogous

F5D8D6
F5E8D7
F3F5D6

Triadic

F5E8D7
D6F5E8
E8D6F5

Split-Comp.

F5E8D7
D6F3F5
D8D6F5

Tetradic

F5E8D7
D6F5D8
D6E3F5
F5D6F3

Contrast Matrix WCAG 2.1 Contrast

F5E8D7
BACDB9
B5B785
99919E
BE69A0
—
1.4
Fail
1.7
Fail
2.5
Fail
3.0
AA Large
1.4
Fail
—
1.2
Fail
1.8
Fail
2.2
Fail
1.7
Fail
1.2
Fail
—
1.5
Fail
1.8
Fail
2.5
Fail
1.8
Fail
1.5
Fail
—
1.2
Fail
3.0
AA Large
2.2
Fail
1.8
Fail
1.2
Fail
—
White BG
1.2Fail
1.7Fail
2.1Fail
3.0AA Large
3.7AA Large
Black BG
17.4AAA
12.5AAA
10.1AAA
6.9AA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFDB
C2C2BE
B6B691
96959B
999893

Deuteranopia

F0F1DC
C1C0BF
B6B694
96979A
9EA590

Tritanopia

F4DEDF
BBC2C3
B59B9D
999898
BA8886

Achromatopsia

EAEAEA
C5C5C5
B1B1B1
959595
898989

Shades & Tints Shades & Tints

#F5E8D7

Dark
Light

#BACDB9

Dark
Light

#B5B785

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5e8d7;
  --color-2: #bacdb9;
  --color-3: #b5b785;
  --color-4: #99919e;
  --color-5: #be69a0;
}

SCSS

$color-1: #f5e8d7;
$color-2: #bacdb9;
$color-3: #b5b785;
$color-4: #99919e;
$color-5: #be69a0;

TAILWIND

colors: {
  'brand-1': '#f5e8d7',
  'brand-2': '#bacdb9',
  'brand-3': '#b5b785',
  'brand-4': '#99919e',
  'brand-5': '#be69a0',
}

RGB Array

[245, 232, 215], [186, 205, 185], [181, 183, 133], [153, 145, 158], [190, 105, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5E8D7, #BACDB9, #B5B785, #99919E, #BE69A0 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f5e8d7; --color-2: #bacdb9; --color-3: #b5b785; --color-4: #99919e; --color-5: #be69a0. 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. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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