← Back to Editor

#F8FAF5 · #CBC2A3 · #E6D8BE · #B64386 · #991C60

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

#F8FAF5

Willow Green · Snow · Mint Green

HEX
#F8FAF5
RGB
rgb(248, 250, 245)
HSL
hsl(84, 33%, 97%)
HSB
hsb(84, 2%, 98%)
CMYK
cmyk(1%, 0%, 2%, 2%)
Oklch
oklch(98.2% 0.007 124.4)

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

#CBC2A3

Goose Yellow · Tan · Sunflower

HEX
#CBC2A3
RGB
rgb(203, 194, 163)
HSL
hsl(47, 28%, 72%)
HSB
hsb(47, 20%, 80%)
CMYK
cmyk(0%, 4%, 20%, 20%)
Oklch
oklch(81.3% 0.043 93.7)

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

#E6D8BE

Goose Yellow · Wheat · Peach Orange

HEX
#E6D8BE
RGB
rgb(230, 216, 190)
HSL
hsl(39, 44%, 82%)
HSB
hsb(39, 17%, 90%)
CMYK
cmyk(0%, 6%, 17%, 10%)
Oklch
oklch(88.7% 0.038 83.0)

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

#B64386

Rose Purple · MediumVioletRed · Camellia

HEX
#B64386
RGB
rgb(182, 67, 134)
HSL
hsl(325, 46%, 49%)
HSB
hsb(325, 63%, 71%)
CMYK
cmyk(0%, 63%, 26%, 29%)
Oklch
oklch(56.1% 0.165 347.7)

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

#991C60

Rose Purple · Purple · Camellia

HEX
#991C60
RGB
rgb(153, 28, 96)
HSL
hsl(327, 69%, 35%)
HSB
hsb(327, 82%, 60%)
CMYK
cmyk(0%, 82%, 37%, 40%)
Oklch
oklch(46.1% 0.169 353.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8FAF5
F7F5FA

Analogous

FAF9F5
F8FAF5
F5FAF5

Triadic

F8FAF5
F5F8FA
FAF5F8

Split-Comp.

F8FAF5
F5F5FA
F9F5FA

Tetradic

F8FAF5
F5FAF9
F7F5FA
FAF5F5

Contrast Matrix WCAG 2.1 Contrast

F8FAF5
CBC2A3
E6D8BE
B64386
991C60
—
1.7
Fail
1.3
Fail
4.8
AA
7.4
AAA
1.7
Fail
—
1.3
Fail
2.8
Fail
4.4
AA Large
1.3
Fail
1.3
Fail
—
3.6
AA Large
5.6
AA
4.8
AA
2.8
Fail
3.6
AA Large
—
1.5
Fail
7.4
AAA
4.4
AA Large
5.6
AA
1.5
Fail
—
White BG
1.1Fail
1.8Fail
1.4Fail
5.1AA
7.8AAA
Black BG
20.0AAA
11.8AAA
14.9AAA
4.1AA Large
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9F6
C7C7AB
E0E0C4
848376
636250

Deuteranopia

F9F9F7
C8C8AC
E1E2C6
8B9472
6A744C

Tritanopia

F8F7F7
CBB0B2
E5C9CA
B06966
934340

Achromatopsia

F9F9F9
C1C1C1
D9D9D9
6D6D6D
494949

Shades & Tints Shades & Tints

#F8FAF5

Dark
Light

#CBC2A3

Dark
Light

#E6D8BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8faf5;
  --color-2: #cbc2a3;
  --color-3: #e6d8be;
  --color-4: #b64386;
  --color-5: #991c60;
}

SCSS

$color-1: #f8faf5;
$color-2: #cbc2a3;
$color-3: #e6d8be;
$color-4: #b64386;
$color-5: #991c60;

TAILWIND

colors: {
  'brand-1': '#f8faf5',
  'brand-2': '#cbc2a3',
  'brand-3': '#e6d8be',
  'brand-4': '#b64386',
  'brand-5': '#991c60',
}

RGB Array

[248, 250, 245], [203, 194, 163], [230, 216, 190], [182, 67, 134], [153, 28, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F8FAF5, #CBC2A3, #E6D8BE, #B64386, #991C60 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: #f8faf5; --color-2: #cbc2a3; --color-3: #e6d8be; --color-4: #b64386; --color-5: #991c60. 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