← Back to Editor

#DFEFE4 · #B1DBC3 · #ACA88F · #907957 · #8C4C2B

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

#DFEFE4

Celadon · Beige · Mint Green

HEX
#DFEFE4
RGB
rgb(223, 239, 228)
HSL
hsl(139, 33%, 91%)
HSB
hsb(139, 7%, 94%)
CMYK
cmyk(7%, 0%, 5%, 6%)
Oklch
oklch(93.7% 0.022 155.9)

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

#B1DBC3

Celadon · Silver · Apple Green

HEX
#B1DBC3
RGB
rgb(177, 219, 195)
HSL
hsl(146, 37%, 78%)
HSB
hsb(146, 19%, 86%)
CMYK
cmyk(19%, 0%, 11%, 14%)
Oklch
oklch(85.5% 0.055 159.9)

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

#ACA88F

Fresh Green · DarkGray · Sunflower

HEX
#ACA88F
RGB
rgb(172, 168, 143)
HSL
hsl(52, 15%, 62%)
HSB
hsb(52, 17%, 67%)
CMYK
cmyk(0%, 2%, 17%, 33%)
Oklch
oklch(72.8% 0.035 99.7)

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

#907957

Ochre · Gray · Amber Brown

HEX
#907957
RGB
rgb(144, 121, 87)
HSL
hsl(36, 25%, 45%)
HSB
hsb(36, 40%, 56%)
CMYK
cmyk(0%, 16%, 40%, 44%)
Oklch
oklch(58.9% 0.056 77.1)

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

#8C4C2B

Tangerine · Sienna · Amber Brown

HEX
#8C4C2B
RGB
rgb(140, 76, 43)
HSL
hsl(20, 53%, 36%)
HSB
hsb(20, 69%, 55%)
CMYK
cmyk(0%, 46%, 69%, 45%)
Oklch
oklch(48.7% 0.098 46.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFEFE4
F0E0EB

Analogous

E3F0E0
DFEFE4
E0F0ED

Triadic

DFEFE4
E5E0F0
F0E5E0

Split-Comp.

DFEFE4
EDE0F0
F0E0E3

Tetradic

DFEFE4
E0E3F0
F0E0EB
F0EDE0

Contrast Matrix WCAG 2.1 Contrast

DFEFE4
B1DBC3
ACA88F
907957
8C4C2B
—
1.3
Fail
2.0
Fail
3.5
AA Large
5.5
AA
1.3
Fail
—
1.6
Fail
2.7
Fail
4.3
AA Large
2.0
Fail
1.6
Fail
—
1.7
Fail
2.7
Fail
3.5
AA Large
2.7
Fail
1.7
Fail
—
1.6
Fail
5.5
AA
4.3
AA Large
2.7
Fail
1.6
Fail
—
White BG
1.2Fail
1.5Fail
2.4Fail
4.2AA Large
6.6AA
Black BG
17.6AAA
13.8AAA
8.8AAA
5.1AA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6E7
C3C4C9
AAAA95
86865F
707033

Deuteranopia

E5E4E7
C1BECA
ABAB97
878961
747935

Tritanopia

E0E9E9
B3CDCE
AC9A9B
8F6667
89393B

Achromatopsia

E9E9E9
CCCCCC
A6A6A6
7C7C7C
5B5B5B

Shades & Tints Shades & Tints

#DFEFE4

Dark
Light

#B1DBC3

Dark
Light

#ACA88F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfefe4;
  --color-2: #b1dbc3;
  --color-3: #aca88f;
  --color-4: #907957;
  --color-5: #8c4c2b;
}

SCSS

$color-1: #dfefe4;
$color-2: #b1dbc3;
$color-3: #aca88f;
$color-4: #907957;
$color-5: #8c4c2b;

TAILWIND

colors: {
  'brand-1': '#dfefe4',
  'brand-2': '#b1dbc3',
  'brand-3': '#aca88f',
  'brand-4': '#907957',
  'brand-5': '#8c4c2b',
}

RGB Array

[223, 239, 228], [177, 219, 195], [172, 168, 143], [144, 121, 87], [140, 76, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DFEFE4, #B1DBC3, #ACA88F, #907957, #8C4C2B is ideal for: 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: #dfefe4; --color-2: #b1dbc3; --color-3: #aca88f; --color-4: #907957; --color-5: #8c4c2b. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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