← Back to Editor

#DEF0BE · #C2D3A8 · #A2C5A1 · #8DAF8E · #72887E

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#DEF0BE

Willow Green · Wheat · Mint Green

HEX
#DEF0BE
RGB
rgb(222, 240, 190)
HSL
hsl(82, 62%, 84%)
HSB
hsb(82, 21%, 94%)
CMYK
cmyk(7%, 0%, 21%, 6%)
Oklch
oklch(92.9% 0.068 123.8)

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

#C2D3A8

Willow Green · Silver · Apple Green

HEX
#C2D3A8
RGB
rgb(194, 211, 168)
HSL
hsl(84, 33%, 74%)
HSB
hsb(84, 20%, 83%)
CMYK
cmyk(8%, 0%, 20%, 17%)
Oklch
oklch(84.3% 0.061 125.2)

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

#A2C5A1

Celadon · DarkSeaGreen · Apple Green

HEX
#A2C5A1
RGB
rgb(162, 197, 161)
HSL
hsl(118, 24%, 70%)
HSB
hsb(118, 18%, 77%)
CMYK
cmyk(18%, 0%, 18%, 23%)
Oklch
oklch(78.8% 0.063 144.2)

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

#8DAF8E

Celadon · DarkSeaGreen · Apple Green

HEX
#8DAF8E
RGB
rgb(141, 175, 142)
HSL
hsl(122, 18%, 62%)
HSB
hsb(122, 19%, 69%)
CMYK
cmyk(19%, 0%, 19%, 31%)
Oklch
oklch(72.0% 0.060 145.7)

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

#72887E

Mineral Blue · Gray · Warm Gray

HEX
#72887E
RGB
rgb(114, 136, 126)
HSL
hsl(153, 9%, 49%)
HSB
hsb(153, 16%, 53%)
CMYK
cmyk(16%, 0%, 7%, 47%)
Oklch
oklch(60.6% 0.029 166.2)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEF0BE
CFBDEF

Analogous

EFE9BD
DEF0BE
C4EFBD

Triadic

DEF0BE
BDDDEF
EFBDDD

Split-Comp.

DEF0BE
BDC4EF
E9BDEF

Tetradic

DEF0BE
BDEFE9
CFBDEF
EFBDC4

Contrast Matrix WCAG 2.1 Contrast

DEF0BE
C2D3A8
A2C5A1
8DAF8E
72887E
—
1.3
Fail
1.6
Fail
2.0
Fail
3.1
AA Large
1.3
Fail
—
1.2
Fail
1.5
Fail
2.4
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
2.0
Fail
1.5
Fail
1.3
Fail
—
1.6
Fail
3.1
AA Large
2.4
Fail
2.0
Fail
1.6
Fail
—
White BG
1.2Fail
1.6Fail
1.9Fail
2.4Fail
3.8AA Large
Black BG
17.3AAA
13.2AAA
11.0AAA
8.7AAA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6CA
C9CAB2
B1B1AA
9C9C96
7C7C80

Deuteranopia

E5E3CD
C8C7B5
AFADAC
9A9798
7A7981

Tritanopia

DFD4D6
C3BBBC
A4B1B2
8F9C9E
738283

Achromatopsia

E5E5E5
C9C9C9
B6B6B6
A1A1A1
808080

Shades & Tints Shades & Tints

#DEF0BE

Dark
Light

#C2D3A8

Dark
Light

#A2C5A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #def0be;
  --color-2: #c2d3a8;
  --color-3: #a2c5a1;
  --color-4: #8daf8e;
  --color-5: #72887e;
}

SCSS

$color-1: #def0be;
$color-2: #c2d3a8;
$color-3: #a2c5a1;
$color-4: #8daf8e;
$color-5: #72887e;

TAILWIND

colors: {
  'brand-1': '#def0be',
  'brand-2': '#c2d3a8',
  'brand-3': '#a2c5a1',
  'brand-4': '#8daf8e',
  'brand-5': '#72887e',
}

RGB Array

[222, 240, 190], [194, 211, 168], [162, 197, 161], [141, 175, 142], [114, 136, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DEF0BE, #C2D3A8, #A2C5A1, #8DAF8E, #72887E is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #def0be; --color-2: #c2d3a8; --color-3: #a2c5a1; --color-4: #8daf8e; --color-5: #72887e. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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