← Back to Editor

#DFCB8C · #C8CB94 · #A5C18E · #FF6D99 · #EB177B

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

#DFCB8C

Goose Yellow · BurlyWood · Sunflower

HEX
#DFCB8C
RGB
rgb(223, 203, 140)
HSL
hsl(46, 56%, 71%)
HSB
hsb(46, 37%, 87%)
CMYK
cmyk(0%, 9%, 37%, 13%)
Oklch
oklch(84.4% 0.084 92.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#C8CB94

Fresh Green · Tan · Sunflower

HEX
#C8CB94
RGB
rgb(200, 203, 148)
HSL
hsl(63, 35%, 69%)
HSB
hsb(63, 27%, 80%)
CMYK
cmyk(1%, 0%, 27%, 20%)
Oklch
oklch(82.6% 0.073 110.5)

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

#A5C18E

Celadon · DarkSeaGreen · Apple Green

HEX
#A5C18E
RGB
rgb(165, 193, 142)
HSL
hsl(93, 29%, 66%)
HSB
hsb(93, 26%, 76%)
CMYK
cmyk(15%, 0%, 26%, 24%)
Oklch
oklch(77.7% 0.076 131.4)

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

#FF6D99

Rouge · LightCoral · Rose Pink

HEX
#FF6D99
RGB
rgb(255, 109, 153)
HSL
hsl(342, 100%, 71%)
HSB
hsb(342, 57%, 100%)
CMYK
cmyk(0%, 57%, 40%, 0%)
Oklch
oklch(72.5% 0.182 3.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#EB177B

Dark Violet · DeepPink · Rose Pink

HEX
#EB177B
RGB
rgb(235, 23, 123)
HSL
hsl(332, 84%, 51%)
HSB
hsb(332, 90%, 92%)
CMYK
cmyk(0%, 90%, 48%, 8%)
Oklch
oklch(61.3% 0.240 1.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFCB8C
8C9FDE

Analogous

DEA28C
DFCB8C
C8DE8C

Triadic

DFCB8C
8CDECB
CB8CDE

Split-Comp.

DFCB8C
8CC8DE
A28CDE

Tetradic

DFCB8C
8CDEA2
8C9FDE
DE8CC8

Contrast Matrix WCAG 2.1 Contrast

DFCB8C
C8CB94
A5C18E
FF6D99
EB177B
—
1.1
Fail
1.2
Fail
1.7
Fail
2.6
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
2.5
Fail
1.2
Fail
1.2
Fail
—
1.3
Fail
2.1
Fail
1.7
Fail
1.6
Fail
1.3
Fail
—
1.6
Fail
2.6
Fail
2.5
Fail
2.1
Fail
1.6
Fail
—
White BG
1.6Fail
1.7Fail
2.0Fail
2.7Fail
4.3AA Large
Black BG
13.1AAA
12.4AAA
10.6AAA
7.9AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D69B
C9C9A1
B1B19A
C0BE8E
8F8D63

Deuteranopia

D8D99F
C9C9A5
B0AD9D
C8D38C
9CAB5D

Tritanopia

DEA7AA
C8ACAE
A6A4A6
F88684
E0504C

Achromatopsia

CACACA
C4C4C4
B3B3B3
9E9E9E
626262

Shades & Tints Shades & Tints

#DFCB8C

Dark
Light

#C8CB94

Dark
Light

#A5C18E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfcb8c;
  --color-2: #c8cb94;
  --color-3: #a5c18e;
  --color-4: #ff6d99;
  --color-5: #eb177b;
}

SCSS

$color-1: #dfcb8c;
$color-2: #c8cb94;
$color-3: #a5c18e;
$color-4: #ff6d99;
$color-5: #eb177b;

TAILWIND

colors: {
  'brand-1': '#dfcb8c',
  'brand-2': '#c8cb94',
  'brand-3': '#a5c18e',
  'brand-4': '#ff6d99',
  'brand-5': '#eb177b',
}

RGB Array

[223, 203, 140], [200, 203, 148], [165, 193, 142], [255, 109, 153], [235, 23, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #DFCB8C, #C8CB94, #A5C18E, #FF6D99, #EB177B 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: #dfcb8c; --color-2: #c8cb94; --color-3: #a5c18e; --color-4: #ff6d99; --color-5: #eb177b. 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