← Back to Editor

#D7EBBA · #97CC91 · #EB7F7F · #EDA18A · #F7D2B8

spring

A 5-color spring 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

#D7EBBA

Willow Green · Wheat · Mint Green

HEX
#D7EBBA
RGB
rgb(215, 235, 186)
HSL
hsl(84, 55%, 83%)
HSB
hsb(84, 21%, 92%)
CMYK
cmyk(9%, 0%, 21%, 8%)
Oklch
oklch(91.3% 0.068 125.8)

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

#97CC91

Celadon · DarkSeaGreen · Apple Green

HEX
#97CC91
RGB
rgb(151, 204, 145)
HSL
hsl(114, 37%, 68%)
HSB
hsb(114, 29%, 80%)
CMYK
cmyk(26%, 0%, 29%, 20%)
Oklch
oklch(79.3% 0.099 142.1)

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

#EB7F7F

Peach Pink · LightCoral · Coral Red

HEX
#EB7F7F
RGB
rgb(235, 127, 127)
HSL
hsl(0, 73%, 71%)
HSB
hsb(0, 46%, 92%)
CMYK
cmyk(0%, 46%, 46%, 8%)
Oklch
oklch(71.6% 0.133 20.9)

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

#EDA18A

Peach Pink · DarkSalmon · Coral Red

HEX
#EDA18A
RGB
rgb(237, 161, 138)
HSL
hsl(14, 73%, 74%)
HSB
hsb(14, 42%, 93%)
CMYK
cmyk(0%, 32%, 42%, 7%)
Oklch
oklch(77.8% 0.097 37.6)

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

#F7D2B8

Apricot · Wheat · Peach Orange

HEX
#F7D2B8
RGB
rgb(247, 210, 184)
HSL
hsl(25, 80%, 85%)
HSB
hsb(25, 26%, 97%)
CMYK
cmyk(0%, 15%, 26%, 3%)
Oklch
oklch(88.9% 0.054 57.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7EBBA
CFBCEB

Analogous

EBE7BC
D7EBBA
C1EBBC

Triadic

D7EBBA
BCD8EB
EBBCD8

Split-Comp.

D7EBBA
BCC1EB
E7BCEB

Tetradic

D7EBBA
BCEBE7
CFBCEB
EBBCC1

Contrast Matrix WCAG 2.1 Contrast

D7EBBA
97CC91
EB7F7F
EDA18A
F7D2B8
—
1.5
Fail
2.1
Fail
1.6
Fail
1.1
Fail
1.5
Fail
—
1.4
Fail
1.1
Fail
1.3
Fail
2.1
Fail
1.4
Fail
—
1.3
Fail
1.9
Fail
1.6
Fail
1.1
Fail
1.3
Fail
—
1.5
Fail
1.1
Fail
1.3
Fail
1.9
Fail
1.5
Fail
—
White BG
1.3Fail
1.8Fail
2.7Fail
2.1Fail
1.4Fail
Black BG
16.5AAA
11.4AAA
7.9AAA
10.1AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0C6
AEAE9F
BCBB7F
CCCB90
E7E7BE

Deuteranopia

DFDDC9
ABA7A3
C3CB7F
D1D691
E9ECC0

Tritanopia

D8CFD1
9AABAD
E67F7F
E99495
F5C3C4

Achromatopsia

DFDFDF
B5B5B5
9F9F9F
B5B5B5
DADADA

Shades & Tints Shades & Tints

#D7EBBA

Dark
Light

#97CC91

Dark
Light

#EB7F7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7ebba;
  --color-2: #97cc91;
  --color-3: #eb7f7f;
  --color-4: #eda18a;
  --color-5: #f7d2b8;
}

SCSS

$color-1: #d7ebba;
$color-2: #97cc91;
$color-3: #eb7f7f;
$color-4: #eda18a;
$color-5: #f7d2b8;

TAILWIND

colors: {
  'brand-1': '#d7ebba',
  'brand-2': '#97cc91',
  'brand-3': '#eb7f7f',
  'brand-4': '#eda18a',
  'brand-5': '#f7d2b8',
}

RGB Array

[215, 235, 186], [151, 204, 145], [235, 127, 127], [237, 161, 138], [247, 210, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #D7EBBA, #97CC91, #EB7F7F, #EDA18A, #F7D2B8 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: #d7ebba; --color-2: #97cc91; --color-3: #eb7f7f; --color-4: #eda18a; --color-5: #f7d2b8. 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 spring-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