← Back to Editor

#F0E1B6 · #CBBEB5 · #F3AAA1 · #BF8997 · #DDB194

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

#F0E1B6

Goose Yellow · Wheat · Lemon Cream

HEX
#F0E1B6
RGB
rgb(240, 225, 182)
HSL
hsl(44, 66%, 83%)
HSB
hsb(44, 24%, 94%)
CMYK
cmyk(0%, 6%, 24%, 6%)
Oklch
oklch(91.1% 0.058 91.1)

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

#CBBEB5

Apricot · Silver · Warm Sun

HEX
#CBBEB5
RGB
rgb(203, 190, 181)
HSL
hsl(25, 17%, 75%)
HSB
hsb(25, 11%, 80%)
CMYK
cmyk(0%, 6%, 11%, 20%)
Oklch
oklch(81.0% 0.019 57.2)

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

#F3AAA1

Peach Pink · LightPink · Coral Red

HEX
#F3AAA1
RGB
rgb(243, 170, 161)
HSL
hsl(7, 77%, 79%)
HSB
hsb(7, 34%, 95%)
CMYK
cmyk(0%, 30%, 34%, 5%)
Oklch
oklch(80.5% 0.088 27.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#BF8997

Rouge · DarkGray · Rose Pink

HEX
#BF8997
RGB
rgb(191, 137, 151)
HSL
hsl(344, 30%, 64%)
HSB
hsb(344, 28%, 75%)
CMYK
cmyk(0%, 28%, 21%, 25%)
Oklch
oklch(68.7% 0.068 2.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#DDB194

Apricot · Tan · Warm Sun

HEX
#DDB194
RGB
rgb(221, 177, 148)
HSL
hsl(24, 52%, 72%)
HSB
hsb(24, 33%, 87%)
CMYK
cmyk(0%, 20%, 33%, 13%)
Oklch
oklch(79.3% 0.065 55.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0E1B6
B7C6F0

Analogous

F0C4B7
F0E1B6
E3F0B7

Triadic

F0E1B6
B7F0E1
E1B7F0

Split-Comp.

F0E1B6
B7E3F0
C4B7F0

Tetradic

F0E1B6
B7F0C4
B7C6F0
F0B7E3

Contrast Matrix WCAG 2.1 Contrast

F0E1B6
CBBEB5
F3AAA1
BF8997
DDB194
—
1.4
Fail
1.5
Fail
2.2
Fail
1.5
Fail
1.4
Fail
—
1.0
Fail
1.6
Fail
1.1
Fail
1.5
Fail
1.0
Fail
—
1.5
Fail
1.0
Fail
2.2
Fail
1.6
Fail
1.5
Fail
—
1.5
Fail
1.5
Fail
1.1
Fail
1.0
Fail
1.5
Fail
—
White BG
1.3Fail
1.8Fail
1.9Fail
2.9Fail
1.9Fail
Black BG
16.2AAA
11.6AAA
11.1AAA
7.2AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAE9C0
C5C5B7
D3D3A3
A8A794
CACA9B

Deuteranopia

EAECC3
C6C7B8
D8DDA4
ABAF93
CDD09D

Tritanopia

EFC9CA
CAB9B9
EFA5A5
BC9190
DBA1A2

Achromatopsia

E1E1E1
C1C1C1
BFBFBF
9B9B9B
BBBBBB

Shades & Tints Shades & Tints

#F0E1B6

Dark
Light

#CBBEB5

Dark
Light

#F3AAA1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0e1b6;
  --color-2: #cbbeb5;
  --color-3: #f3aaa1;
  --color-4: #bf8997;
  --color-5: #ddb194;
}

SCSS

$color-1: #f0e1b6;
$color-2: #cbbeb5;
$color-3: #f3aaa1;
$color-4: #bf8997;
$color-5: #ddb194;

TAILWIND

colors: {
  'brand-1': '#f0e1b6',
  'brand-2': '#cbbeb5',
  'brand-3': '#f3aaa1',
  'brand-4': '#bf8997',
  'brand-5': '#ddb194',
}

RGB Array

[240, 225, 182], [203, 190, 181], [243, 170, 161], [191, 137, 151], [221, 177, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0E1B6, #CBBEB5, #F3AAA1, #BF8997, #DDB194 is ideal for: health products, baby brands, fresh-style blogs. 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: #f0e1b6; --color-2: #cbbeb5; --color-3: #f3aaa1; --color-4: #bf8997; --color-5: #ddb194. 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 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