← Back to Editor

#D7FFA3 · #D5F271 · #F7CAA6 · #DEB1C8 · #C7A5C0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D7FFA3

Willow Green · Khaki · Mint Green

HEX
#D7FFA3
RGB
rgb(215, 255, 163)
HSL
hsl(86, 100%, 82%)
HSB
hsb(86, 36%, 100%)
CMYK
cmyk(16%, 0%, 36%, 0%)
Oklch
oklch(95.1% 0.124 127.7)

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

#D5F271

Willow Green · Khaki · Apple Green

HEX
#D5F271
RGB
rgb(213, 242, 113)
HSL
hsl(73, 83%, 70%)
HSB
hsb(73, 53%, 95%)
CMYK
cmyk(12%, 0%, 53%, 5%)
Oklch
oklch(91.4% 0.158 120.2)

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

#F7CAA6

Apricot · Wheat · Peach Orange

HEX
#F7CAA6
RGB
rgb(247, 202, 166)
HSL
hsl(27, 84%, 81%)
HSB
hsb(27, 33%, 97%)
CMYK
cmyk(0%, 18%, 33%, 3%)
Oklch
oklch(86.9% 0.070 60.3)

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

#DEB1C8

Mauve · LightPink · Cherry Blossom

HEX
#DEB1C8
RGB
rgb(222, 177, 200)
HSL
hsl(329, 41%, 78%)
HSB
hsb(329, 20%, 87%)
CMYK
cmyk(0%, 20%, 10%, 13%)
Oklch
oklch(80.7% 0.060 346.4)

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

#C7A5C0

Mauve · Silver · Lilac Purple

HEX
#C7A5C0
RGB
rgb(199, 165, 192)
HSL
hsl(312, 23%, 71%)
HSB
hsb(312, 17%, 78%)
CMYK
cmyk(0%, 17%, 4%, 22%)
Oklch
oklch(76.1% 0.054 333.3)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7FFA3
CBA3FF

Analogous

FFF9A3
D7FFA3
A9FFA3

Triadic

D7FFA3
A3D7FF
FFA3D7

Split-Comp.

D7FFA3
A3A9FF
F9A3FF

Tetradic

D7FFA3
A3FFF9
CBA3FF
FFA3A9

Contrast Matrix WCAG 2.1 Contrast

D7FFA3
D5F271
F7CAA6
DEB1C8
C7A5C0
—
1.1
Fail
1.3
Fail
1.7
Fail
2.0
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.0
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
White BG
1.1Fail
1.3Fail
1.5Fail
1.9Fail
2.2Fail
Black BG
18.7AAA
16.8AAA
14.0AAA
11.2AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E9B9
E2E290
E4E3AF
CBCAC2
B8B8B9

Deuteranopia

E6E3BF
E0DE98
E6E9B1
CDD0C1
BABDB8

Tritanopia

D9CBCF
D6A9AE
F5B6B7
DCBEBD
C5B4B3

Achromatopsia

E9E9E9
DBDBDB
D3D3D3
C1C1C1
B2B2B2

Shades & Tints Shades & Tints

#D7FFA3

Dark
Light

#D5F271

Dark
Light

#F7CAA6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7ffa3;
  --color-2: #d5f271;
  --color-3: #f7caa6;
  --color-4: #deb1c8;
  --color-5: #c7a5c0;
}

SCSS

$color-1: #d7ffa3;
$color-2: #d5f271;
$color-3: #f7caa6;
$color-4: #deb1c8;
$color-5: #c7a5c0;

TAILWIND

colors: {
  'brand-1': '#d7ffa3',
  'brand-2': '#d5f271',
  'brand-3': '#f7caa6',
  'brand-4': '#deb1c8',
  'brand-5': '#c7a5c0',
}

RGB Array

[215, 255, 163], [213, 242, 113], [247, 202, 166], [222, 177, 200], [199, 165, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7FFA3, #D5F271, #F7CAA6, #DEB1C8, #C7A5C0 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d7ffa3; --color-2: #d5f271; --color-3: #f7caa6; --color-4: #deb1c8; --color-5: #c7a5c0. 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 general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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