← Back to Editor

#F1E1C7 · #DAC2B8 · #B75C30 · #C68D7C · #D5ADB8

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#F1E1C7

Goose Yellow · Bisque · Peach Orange

HEX
#F1E1C7
RGB
rgb(241, 225, 199)
HSL
hsl(37, 60%, 86%)
HSB
hsb(37, 17%, 95%)
CMYK
cmyk(0%, 7%, 17%, 5%)
Oklch
oklch(91.6% 0.039 80.0)

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

#DAC2B8

Apricot · Silver · Peach Orange

HEX
#DAC2B8
RGB
rgb(218, 194, 184)
HSL
hsl(18, 31%, 79%)
HSB
hsb(18, 16%, 85%)
CMYK
cmyk(0%, 11%, 16%, 15%)
Oklch
oklch(83.1% 0.031 44.0)

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

#B75C30

Tangerine · Sienna · Amber Brown

HEX
#B75C30
RGB
rgb(183, 92, 48)
HSL
hsl(20, 58%, 45%)
HSB
hsb(20, 74%, 72%)
CMYK
cmyk(0%, 50%, 74%, 28%)
Oklch
oklch(57.7% 0.131 44.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#C68D7C

Peach Pink · DarkSalmon · Coral Red

HEX
#C68D7C
RGB
rgb(198, 141, 124)
HSL
hsl(14, 39%, 63%)
HSB
hsb(14, 37%, 78%)
CMYK
cmyk(0%, 29%, 37%, 22%)
Oklch
oklch(69.5% 0.074 37.3)

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

#D5ADB8

Rouge · Silver · Cherry Blossom

HEX
#D5ADB8
RGB
rgb(213, 173, 184)
HSL
hsl(344, 32%, 76%)
HSB
hsb(344, 19%, 84%)
CMYK
cmyk(0%, 19%, 14%, 16%)
Oklch
oklch(78.6% 0.049 360.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1E1C7
C6D6F1

Analogous

F1CBC6
F1E1C7
ECF1C6

Triadic

F1E1C7
C6F1E0
E0C6F1

Split-Comp.

F1E1C7
C6ECF1
CBC6F1

Tetradic

F1E1C7
C6F1CB
C6D6F1
F1C6EC

Contrast Matrix WCAG 2.1 Contrast

F1E1C7
DAC2B8
B75C30
C68D7C
D5ADB8
—
1.3
Fail
3.6
AA Large
2.2
Fail
1.6
Fail
1.3
Fail
—
2.7
Fail
1.7
Fail
1.2
Fail
3.6
AA Large
2.7
Fail
—
1.6
Fail
2.3
Fail
2.2
Fail
1.7
Fail
1.6
Fail
—
1.4
Fail
1.6
Fail
1.2
Fail
2.3
Fail
1.4
Fail
—
White BG
1.3Fail
1.7Fail
4.6AA
2.8Fail
2.0Fail
Black BG
16.3AAA
12.4AAA
4.6AA
7.5AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEACD
D0CFBA
908F3B
ADAD80
C4C3B5

Deuteranopia

EBECCF
D1D3BB
959C3D
B1B581
C6C9B5

Tritanopia

F0D2D3
D9BCBD
B24345
C38384
D3B3B3

Achromatopsia

E3E3E3
C8C8C8
727272
9C9C9C
BABABA

Shades & Tints Shades & Tints

#F1E1C7

Dark
Light

#DAC2B8

Dark
Light

#B75C30

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1e1c7;
  --color-2: #dac2b8;
  --color-3: #b75c30;
  --color-4: #c68d7c;
  --color-5: #d5adb8;
}

SCSS

$color-1: #f1e1c7;
$color-2: #dac2b8;
$color-3: #b75c30;
$color-4: #c68d7c;
$color-5: #d5adb8;

TAILWIND

colors: {
  'brand-1': '#f1e1c7',
  'brand-2': '#dac2b8',
  'brand-3': '#b75c30',
  'brand-4': '#c68d7c',
  'brand-5': '#d5adb8',
}

RGB Array

[241, 225, 199], [218, 194, 184], [183, 92, 48], [198, 141, 124], [213, 173, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F1E1C7, #DAC2B8, #B75C30, #C68D7C, #D5ADB8 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: #f1e1c7; --color-2: #dac2b8; --color-3: #b75c30; --color-4: #c68d7c; --color-5: #d5adb8. 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 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