← Back to Editor

#FFB39B · #F9C3A7 · #FBD9BD · #BCC96F · #9A9A52

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

#FFB39B

Peach Pink · LightSalmon · Coral Red

HEX
#FFB39B
RGB
rgb(255, 179, 155)
HSL
hsl(14, 100%, 80%)
HSB
hsb(14, 39%, 100%)
CMYK
cmyk(0%, 30%, 39%, 0%)
Oklch
oklch(83.3% 0.095 38.3)

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

#F9C3A7

Apricot · LightPink · Peach Orange

HEX
#F9C3A7
RGB
rgb(249, 195, 167)
HSL
hsl(20, 87%, 82%)
HSB
hsb(20, 33%, 98%)
CMYK
cmyk(0%, 22%, 33%, 2%)
Oklch
oklch(85.8% 0.073 48.7)

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

#FBD9BD

Apricot · Wheat · Peach Orange

HEX
#FBD9BD
RGB
rgb(251, 217, 189)
HSL
hsl(27, 89%, 86%)
HSB
hsb(27, 25%, 98%)
CMYK
cmyk(0%, 14%, 25%, 2%)
Oklch
oklch(90.7% 0.053 61.5)

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

#BCC96F

Fresh Green · Tan · Sunflower

HEX
#BCC96F
RGB
rgb(188, 201, 111)
HSL
hsl(69, 45%, 61%)
HSB
hsb(69, 45%, 79%)
CMYK
cmyk(6%, 0%, 45%, 21%)
Oklch
oklch(80.6% 0.116 115.8)

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

#9A9A52

Autumn Sage · Gray · Honey Gold

HEX
#9A9A52
RGB
rgb(154, 154, 82)
HSL
hsl(60, 31%, 46%)
HSB
hsb(60, 47%, 60%)
CMYK
cmyk(0%, 0%, 47%, 40%)
Oklch
oklch(67.0% 0.095 108.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFB39B
99E7FF

Analogous

FF99B4
FFB39B
FFE499

Triadic

FFB39B
99FFB1
B199FF

Split-Comp.

FFB39B
99FFE4
99B4FF

Tetradic

FFB39B
B4FF99
99E7FF
E499FF

Contrast Matrix WCAG 2.1 Contrast

FFB39B
F9C3A7
FBD9BD
BCC96F
9A9A52
—
1.1
Fail
1.3
Fail
1.0
Fail
1.7
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.9
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
2.2
Fail
1.0
Fail
1.1
Fail
1.3
Fail
—
1.6
Fail
1.7
Fail
1.9
Fail
2.2
Fail
1.6
Fail
—
White BG
1.7Fail
1.6Fail
1.3Fail
1.8Fail
3.0Fail
Black BG
12.2AAA
13.4AAA
15.8AAA
11.7AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDDA1
E2E1AE
ECECC4
C2C285
9A9A63

Deuteranopia

E3E8A2
E5E9AF
EEF1C5
C1C08A
9A9A68

Tritanopia

FBA5A6
F6B3B4
F9C9CA
BD969A
9A7174

Achromatopsia

C7C7C7
D0D0D0
E0E0E0
BBBBBB
929292

Shades & Tints Shades & Tints

#FFB39B

Dark
Light

#F9C3A7

Dark
Light

#FBD9BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffb39b;
  --color-2: #f9c3a7;
  --color-3: #fbd9bd;
  --color-4: #bcc96f;
  --color-5: #9a9a52;
}

SCSS

$color-1: #ffb39b;
$color-2: #f9c3a7;
$color-3: #fbd9bd;
$color-4: #bcc96f;
$color-5: #9a9a52;

TAILWIND

colors: {
  'brand-1': '#ffb39b',
  'brand-2': '#f9c3a7',
  'brand-3': '#fbd9bd',
  'brand-4': '#bcc96f',
  'brand-5': '#9a9a52',
}

RGB Array

[255, 179, 155], [249, 195, 167], [251, 217, 189], [188, 201, 111], [154, 154, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #FFB39B, #F9C3A7, #FBD9BD, #BCC96F, #9A9A52 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: #ffb39b; --color-2: #f9c3a7; --color-3: #fbd9bd; --color-4: #bcc96f; --color-5: #9a9a52. 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