#F48093 + #F6C7AD + #C5C299 + #CA9492 + #84576C · 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

#F48093

Peach Pink · LightCoral · Coral Red

HEX

#F48093

RGB

rgb(244, 128, 147)

HSL

hsl(350, 84%, 73%)

HSB

hsb(350, 48%, 96%)

CMYK

cmyk(0%, 48%, 40%, 4%)

Oklch

oklch(73.4% 0.143 10.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F6C7AD

Apricot · Wheat · Peach Orange

HEX

#F6C7AD

RGB

rgb(246, 199, 173)

HSL

hsl(21, 80%, 82%)

HSB

hsb(21, 30%, 96%)

CMYK

cmyk(0%, 19%, 30%, 4%)

Oklch

oklch(86.4% 0.064 50.5)

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

#C5C299

Fresh Green · Tan · Sunflower

HEX

#C5C299

RGB

rgb(197, 194, 153)

HSL

hsl(56, 28%, 69%)

HSB

hsb(56, 22%, 77%)

CMYK

cmyk(0%, 2%, 22%, 23%)

Oklch

oklch(80.6% 0.055 104.1)

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

#CA9492

Peach Pink · Tan · Coral Red

HEX

#CA9492

RGB

rgb(202, 148, 146)

HSL

hsl(2, 35%, 68%)

HSB

hsb(2, 28%, 79%)

CMYK

cmyk(0%, 27%, 28%, 21%)

Oklch

oklch(71.8% 0.066 21.2)

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

#84576C

Dark Violet · DimGray · Camellia

HEX

#84576C

RGB

rgb(132, 87, 108)

HSL

hsl(332, 21%, 43%)

HSB

hsb(332, 34%, 52%)

CMYK

cmyk(0%, 34%, 18%, 48%)

Oklch

oklch(51.3% 0.066 350.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F48093

80F4E1

Analogous

F480CD

F48093

F4A780

Triadic

F48093

94F480

8094F4

Split-Comp.

F48093

80F4A7

80CDF4

Tetradic

F48093

CDF480

80F4E1

A780F4

Contrast Matrix WCAG 2.1 Contrast

F48093	F6C7AD	C5C299	CA9492	84576C
—	1.6 Fail	1.4 Fail	1.0 Fail	2.3 Fail
1.6 Fail	—	1.2 Fail	1.7 Fail	3.8 AA Large
1.4 Fail	1.2 Fail	—	1.4 Fail	3.2 AA Large
1.0 Fail	1.7 Fail	1.4 Fail	—	2.3 Fail
2.3 Fail	3.8 AA Large	3.2 AA Large	2.3 Fail	—

White BG

2.5Fail

1.5Fail

1.8Fail

2.6Fail

5.9AA

Black BG

8.4AAA

13.7AAA

11.6AAA

8.2AAA

3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C18E

E2E1B3

C4C4A3

B3B292

717067

Deuteranopia

C9D18D

E4E8B5

C4C4A5

B6BA93

737666

Tritanopia

EE8B8A

F4B8B9

C5ABAC

C79393

826362

Achromatopsia

A5A5A5

D2D2D2

BEBEBE

A4A4A4

676767

Shades & Tints Shades & Tints

#F48093

Dark

Light

#F6C7AD

Dark

Light

#C5C299

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f48093;
  --color-2: #f6c7ad;
  --color-3: #c5c299;
  --color-4: #ca9492;
  --color-5: #84576c;
}

SCSS

$color-1: #f48093;
$color-2: #f6c7ad;
$color-3: #c5c299;
$color-4: #ca9492;
$color-5: #84576c;

TAILWIND

colors: {
  'brand-1': '#f48093',
  'brand-2': '#f6c7ad',
  'brand-3': '#c5c299',
  'brand-4': '#ca9492',
  'brand-5': '#84576c',
}

RGB Array

[244, 128, 147], [246, 199, 173], [197, 194, 153], [202, 148, 146], [132, 87, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F48093, #F6C7AD, #C5C299, #CA9492, #84576C 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: #f48093; --color-2: #f6c7ad; --color-3: #c5c299; --color-4: #ca9492; --color-5: #84576c. 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