#F8DAC0 + #EBB899 + #E7A6A4 + #C2C495 + #98B49B · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#F8DAC0

Apricot · Bisque · Peach Orange

HEX

#F8DAC0

RGB

rgb(248, 218, 192)

HSL

hsl(28, 80%, 86%)

HSB

hsb(28, 23%, 97%)

CMYK

cmyk(0%, 12%, 23%, 3%)

Oklch

oklch(90.7% 0.048 63.1)

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

#EBB899

Apricot · BurlyWood · Peach Orange

HEX

#EBB899

RGB

rgb(235, 184, 153)

HSL

hsl(23, 67%, 76%)

HSB

hsb(23, 35%, 92%)

CMYK

cmyk(0%, 22%, 35%, 8%)

Oklch

oklch(82.1% 0.073 52.7)

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

#E7A6A4

Peach Pink · Tan · Coral Red

HEX

#E7A6A4

RGB

rgb(231, 166, 164)

HSL

hsl(2, 58%, 77%)

HSB

hsb(2, 29%, 91%)

CMYK

cmyk(0%, 28%, 29%, 9%)

Oklch

oklch(78.6% 0.077 21.0)

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

#C2C495

Fresh Green · Tan · Sunflower

HEX

#C2C495

RGB

rgb(194, 196, 149)

HSL

hsl(63, 28%, 68%)

HSB

hsb(63, 24%, 77%)

CMYK

cmyk(1%, 0%, 24%, 23%)

Oklch

oklch(80.7% 0.063 109.8)

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

#98B49B

Celadon · DarkSeaGreen · Apple Green

HEX

#98B49B

RGB

rgb(152, 180, 155)

HSL

hsl(126, 16%, 65%)

HSB

hsb(126, 16%, 71%)

CMYK

cmyk(16%, 0%, 14%, 29%)

Oklch

oklch(74.2% 0.047 148.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8DAC0

BFDDF8

Analogous

F8BFC1

F8DAC0

F8F6BF

Triadic

F8DAC0

BFF8D9

D9BFF8

Split-Comp.

F8DAC0

BFF8F6

BFC1F8

Tetradic

F8DAC0

C1F8BF

BFDDF8

F6BFF8

Contrast Matrix WCAG 2.1 Contrast

F8DAC0	EBB899	E7A6A4	C2C495	98B49B
—	1.3 Fail	1.5 Fail	1.4 Fail	1.7 Fail
1.3 Fail	—	1.1 Fail	1.0 Fail	1.3 Fail
1.5 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.4 Fail	1.0 Fail	1.1 Fail	—	1.2 Fail
1.7 Fail	1.3 Fail	1.1 Fail	1.2 Fail	—

White BG

1.3Fail

1.8Fail

2.0Fail

1.8Fail

2.2Fail

Black BG

15.8AAA

11.8AAA

10.4AAA

11.6AAA

9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBC6

D5D4A1

CBCAA4

C3C3A0

A4A4A1

Deuteranopia

EDEFC8

D8DCA2

CFD4A5

C3C3A3

A3A0A3

Tritanopia

F7CBCC

E8A6A8

E4A5A5

C2A9AB

99A6A7

Achromatopsia

E0E0E0

C4C4C4

B9B9B9

BEBEBE

A9A9A9

Shades & Tints Shades & Tints

#F8DAC0

Dark

Light

#EBB899

Dark

Light

#E7A6A4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8dac0;
  --color-2: #ebb899;
  --color-3: #e7a6a4;
  --color-4: #c2c495;
  --color-5: #98b49b;
}

SCSS

$color-1: #f8dac0;
$color-2: #ebb899;
$color-3: #e7a6a4;
$color-4: #c2c495;
$color-5: #98b49b;

TAILWIND

colors: {
  'brand-1': '#f8dac0',
  'brand-2': '#ebb899',
  'brand-3': '#e7a6a4',
  'brand-4': '#c2c495',
  'brand-5': '#98b49b',
}

RGB Array

[248, 218, 192], [235, 184, 153], [231, 166, 164], [194, 196, 149], [152, 180, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F8DAC0, #EBB899, #E7A6A4, #C2C495, #98B49B 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: #f8dac0; --color-2: #ebb899; --color-3: #e7a6a4; --color-4: #c2c495; --color-5: #98b49b. 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 pastel-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