← Back to Editor

#A7DCC7 · #EB9098 · #6A665A · #B8D973 · #FFFFFF

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#A7DCC7

Jade · LightBlue · Apple Green

HEX
#A7DCC7
RGB
rgb(167, 220, 199)
HSL
hsl(156, 43%, 76%)
HSB
hsb(156, 24%, 86%)
CMYK
cmyk(24%, 0%, 10%, 14%)
Oklch
oklch(85.2% 0.062 168.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#EB9098

Peach Pink · LightCoral · Coral Red

HEX
#EB9098
RGB
rgb(235, 144, 152)
HSL
hsl(355, 69%, 74%)
HSB
hsb(355, 39%, 92%)
CMYK
cmyk(0%, 39%, 35%, 8%)
Oklch
oklch(75.0% 0.111 14.4)

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

#6A665A

Ochre · DimGray · Charcoal

HEX
#6A665A
RGB
rgb(106, 102, 90)
HSL
hsl(45, 8%, 38%)
HSB
hsb(45, 15%, 42%)
CMYK
cmyk(0%, 4%, 15%, 58%)
Oklch
oklch(51.0% 0.019 91.7)

Traditional「Ochre」· Paint「Charcoal」· Creative Midnight Shadow

#B8D973

Willow Green · Tan · Apple Green

HEX
#B8D973
RGB
rgb(184, 217, 115)
HSL
hsl(79, 57%, 65%)
HSB
hsb(79, 47%, 85%)
CMYK
cmyk(15%, 0%, 47%, 15%)
Oklch
oklch(83.9% 0.134 124.0)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7DCC7
DCA7BD

Analogous

A7DCAD
A7DCC7
A7D7DC

Triadic

A7DCC7
C7A7DC
DCC7A7

Split-Comp.

A7DCC7
DCA7D7
DCADA7

Tetradic

A7DCC7
ADA7DC
DCA7BD
D7DCA7

Contrast Matrix WCAG 2.1 Contrast

A7DCC7
EB9098
6A665A
B8D973
FFFFFF
—
1.5
Fail
3.7
AA Large
1.0
Fail
1.5
Fail
1.5
Fail
—
2.5
Fail
1.5
Fail
2.3
Fail
3.7
AA Large
2.5
Fail
—
3.6
AA Large
5.7
AA
1.0
Fail
1.5
Fail
3.6
AA Large
—
1.6
Fail
1.5
Fail
2.3
Fail
5.7
AA
1.6
Fail
—
White BG
1.5Fail
2.3Fail
5.7AA
1.6Fail
1.0Fail
Black BG
13.7AAA
9.0AAA
3.7AA Large
13.2AAA
21.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBECC
C4C396
68685D
C6C78C
FFFFFF

Deuteranopia

BBB7CD
C9D096
69695E
C4C292
FFFFFF

Tritanopia

AAD0D1
E69594
6A5F60
BA9FA3
FFFFFF

Achromatopsia

CACACA
ACACAC
666666
C4C4C4
FFFFFF

Shades & Tints Shades & Tints

#A7DCC7

Dark
Light

#EB9098

Dark
Light

#6A665A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7dcc7;
  --color-2: #eb9098;
  --color-3: #6a665a;
  --color-4: #b8d973;
  --color-5: #ffffff;
}

SCSS

$color-1: #a7dcc7;
$color-2: #eb9098;
$color-3: #6a665a;
$color-4: #b8d973;
$color-5: #ffffff;

TAILWIND

colors: {
  'brand-1': '#a7dcc7',
  'brand-2': '#eb9098',
  'brand-3': '#6a665a',
  'brand-4': '#b8d973',
  'brand-5': '#ffffff',
}

RGB Array

[167, 220, 199], [235, 144, 152], [106, 102, 90], [184, 217, 115], [255, 255, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A7DCC7, #EB9098, #6A665A, #B8D973, #FFFFFF 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: #a7dcc7; --color-2: #eb9098; --color-3: #6a665a; --color-4: #b8d973; --color-5: #ffffff. 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