#F2E0D3 + #EBD5D1 + #EBCAC7 + #F2B9B3 + #B8AEAE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F2E0D3

Apricot · Bisque · Peach Orange

HEX

#F2E0D3

RGB

rgb(242, 224, 211)

HSL

hsl(25, 54%, 89%)

HSB

hsb(25, 13%, 95%)

CMYK

cmyk(0%, 7%, 13%, 5%)

Oklch

oklch(91.8% 0.026 58.3)

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

#EBD5D1

Peach Pink · LightGray · Cherry Blossom

HEX

#EBD5D1

RGB

rgb(235, 213, 209)

HSL

hsl(9, 39%, 87%)

HSB

hsb(9, 11%, 92%)

CMYK

cmyk(0%, 9%, 11%, 8%)

Oklch

oklch(89.0% 0.025 29.9)

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

#EBCAC7

Peach Pink · Pink · Cherry Blossom

HEX

#EBCAC7

RGB

rgb(235, 202, 199)

HSL

hsl(5, 47%, 85%)

HSB

hsb(5, 15%, 92%)

CMYK

cmyk(0%, 14%, 15%, 8%)

Oklch

oklch(86.6% 0.038 24.1)

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

#F2B9B3

Peach Pink · LightPink · Cherry Blossom

HEX

#F2B9B3

RGB

rgb(242, 185, 179)

HSL

hsl(6, 71%, 83%)

HSB

hsb(6, 26%, 95%)

CMYK

cmyk(0%, 24%, 26%, 5%)

Oklch

oklch(83.6% 0.067 25.5)

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

#B8AEAE

Ash · DarkGray · Silver Sand

HEX

#B8AEAE

RGB

rgb(184, 174, 174)

HSL

hsl(0, 7%, 70%)

HSB

hsb(0, 5%, 72%)

CMYK

cmyk(0%, 5%, 5%, 28%)

Oklch

oklch(75.9% 0.011 17.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2E0D3

D4E5F2

Analogous

F2D4D6

F2E0D3

F2F0D4

Triadic

F2E0D3

D4F2E0

E0D4F2

Split-Comp.

F2E0D3

D4F2F0

D4D6F2

Tetradic

F2E0D3

D6F2D4

D4E5F2

F0D4F2

Contrast Matrix WCAG 2.1 Contrast

F2E0D3	EBD5D1	EBCAC7	F2B9B3	B8AEAE
—	1.1 Fail	1.2 Fail	1.3 Fail	1.7 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.5 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.4 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.3 Fail
1.7 Fail	1.5 Fail	1.4 Fail	1.3 Fail	—

White BG

1.3Fail

1.4Fail

1.5Fail

1.7Fail

2.2Fail

Black BG

16.4AAA

15.0AAA

13.8AAA

12.4AAA

9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAD6

E1E1D2

DDDCC8

D9D9B4

B4B4AE

Deuteranopia

EBEDD7

E3E4D2

DFE1C8

DDE1B5

B4B5AE

Tritanopia

F1D9D9

EAD3D3

E9C8C8

EFB6B6

B7AEAE

Achromatopsia

E4E4E4

DBDBDB

D4D4D4

C9C9C9

B1B1B1

Shades & Tints Shades & Tints

#F2E0D3

Dark

Light

#EBD5D1

Dark

Light

#EBCAC7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2e0d3;
  --color-2: #ebd5d1;
  --color-3: #ebcac7;
  --color-4: #f2b9b3;
  --color-5: #b8aeae;
}

SCSS

$color-1: #f2e0d3;
$color-2: #ebd5d1;
$color-3: #ebcac7;
$color-4: #f2b9b3;
$color-5: #b8aeae;

TAILWIND

colors: {
  'brand-1': '#f2e0d3',
  'brand-2': '#ebd5d1',
  'brand-3': '#ebcac7',
  'brand-4': '#f2b9b3',
  'brand-5': '#b8aeae',
}

RGB Array

[242, 224, 211], [235, 213, 209], [235, 202, 199], [242, 185, 179], [184, 174, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2E0D3, #EBD5D1, #EBCAC7, #F2B9B3, #B8AEAE 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: #f2e0d3; --color-2: #ebd5d1; --color-3: #ebcac7; --color-4: #f2b9b3; --color-5: #b8aeae. 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