← Back to Editor

#FCEE95 · #BCCAA7 · #B29F74 · #70143B · #2D0E2E

spring

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FCEE95

Fresh Green · Khaki · Lemon Cream

HEX
#FCEE95
RGB
rgb(252, 238, 149)
HSL
hsl(52, 94%, 79%)
HSB
hsb(52, 41%, 99%)
CMYK
cmyk(0%, 6%, 41%, 1%)
Oklch
oklch(94.1% 0.111 100.5)

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

#BCCAA7

Willow Green · Silver · Apple Green

HEX
#BCCAA7
RGB
rgb(188, 202, 167)
HSL
hsl(84, 25%, 72%)
HSB
hsb(84, 17%, 79%)
CMYK
cmyk(7%, 0%, 17%, 21%)
Oklch
oklch(81.9% 0.050 125.2)

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

#B29F74

Ginger · Tan · Sunflower

HEX
#B29F74
RGB
rgb(178, 159, 116)
HSL
hsl(42, 29%, 58%)
HSB
hsb(42, 35%, 70%)
CMYK
cmyk(0%, 11%, 35%, 30%)
Oklch
oklch(70.8% 0.063 86.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#70143B

Dark Violet · Brown · Camellia

HEX
#70143B
RGB
rgb(112, 20, 59)
HSL
hsl(335, 70%, 26%)
HSB
hsb(335, 82%, 44%)
CMYK
cmyk(0%, 82%, 47%, 56%)
Oklch
oklch(36.6% 0.129 0.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#2D0E2E

Royal Purple · Black · Dark Purple

HEX
#2D0E2E
RGB
rgb(45, 14, 46)
HSL
hsl(298, 53%, 12%)
HSB
hsb(298, 70%, 18%)
CMYK
cmyk(2%, 70%, 0%, 82%)
Oklch
oklch(22.9% 0.071 326.4)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCEE95
97A5FC

Analogous

FCBC97
FCEE95
D7FC97

Triadic

FCEE95
97FCEE
EE97FC

Split-Comp.

FCEE95
97D7FC
BC97FC

Tetradic

FCEE95
97FCBC
97A5FC
FC97D7

Contrast Matrix WCAG 2.1 Contrast

FCEE95
BCCAA7
B29F74
70143B
2D0E2E
—
1.5
Fail
2.2
Fail
9.6
AAA
14.7
AAA
1.5
Fail
—
1.5
Fail
6.6
AA
10.0
AAA
2.2
Fail
1.5
Fail
—
4.4
AA Large
6.7
AA
9.6
AAA
6.6
AA
4.4
AA Large
—
1.5
Fail
14.7
AAA
10.0
AAA
6.7
AA
1.5
Fail
—
White BG
1.2Fail
1.7Fail
2.6Fail
11.3AAA
17.3AAA
Black BG
17.8AAA
12.1AAA
8.1AAA
1.9Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6AB
C2C2AF
AAAA7E
484732
201F26

Deuteranopia

F7F8B0
C1C0B2
ABAC81
4E542F
212424

Tritanopia

FBBCBF
BDB6B8
B18788
6B2A28
2B201F

Achromatopsia

E8E8E8
C2C2C2
A0A0A0
343434
1B1B1B

Shades & Tints Shades & Tints

#FCEE95

Dark
Light

#BCCAA7

Dark
Light

#B29F74

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcee95;
  --color-2: #bccaa7;
  --color-3: #b29f74;
  --color-4: #70143b;
  --color-5: #2d0e2e;
}

SCSS

$color-1: #fcee95;
$color-2: #bccaa7;
$color-3: #b29f74;
$color-4: #70143b;
$color-5: #2d0e2e;

TAILWIND

colors: {
  'brand-1': '#fcee95',
  'brand-2': '#bccaa7',
  'brand-3': '#b29f74',
  'brand-4': '#70143b',
  'brand-5': '#2d0e2e',
}

RGB Array

[252, 238, 149], [188, 202, 167], [178, 159, 116], [112, 20, 59], [45, 14, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #FCEE95, #BCCAA7, #B29F74, #70143B, #2D0E2E is ideal for: 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: #fcee95; --color-2: #bccaa7; --color-3: #b29f74; --color-4: #70143b; --color-5: #2d0e2e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 spring-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