← Back to Editor

#C8BEA5 · #926B7D · #B38590 · #F9D1CF · #FFECD4

spring

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#C8BEA5

Goose Yellow · Silver · Sunflower

HEX
#C8BEA5
RGB
rgb(200, 190, 165)
HSL
hsl(43, 24%, 72%)
HSB
hsb(43, 17%, 78%)
CMYK
cmyk(0%, 5%, 17%, 22%)
Oklch
oklch(80.3% 0.036 88.8)

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

#926B7D

Dark Violet · Gray · Camellia

HEX
#926B7D
RGB
rgb(146, 107, 125)
HSL
hsl(332, 15%, 50%)
HSB
hsb(332, 27%, 57%)
CMYK
cmyk(0%, 27%, 14%, 43%)
Oklch
oklch(57.3% 0.056 349.7)

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

#B38590

Peach Pink · DarkGray · Coral Red

HEX
#B38590
RGB
rgb(179, 133, 144)
HSL
hsl(346, 23%, 61%)
HSB
hsb(346, 26%, 70%)
CMYK
cmyk(0%, 26%, 20%, 30%)
Oklch
oklch(66.5% 0.058 3.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F9D1CF

Peach Pink · Pink · Cherry Blossom

HEX
#F9D1CF
RGB
rgb(249, 209, 207)
HSL
hsl(3, 78%, 89%)
HSB
hsb(3, 17%, 98%)
CMYK
cmyk(0%, 16%, 17%, 2%)
Oklch
oklch(89.4% 0.045 21.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFECD4

Goose Yellow · Beige · Peach Orange

HEX
#FFECD4
RGB
rgb(255, 236, 212)
HSL
hsl(33, 100%, 92%)
HSB
hsb(33, 17%, 100%)
CMYK
cmyk(0%, 7%, 17%, 0%)
Oklch
oklch(95.2% 0.038 73.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8BEA5
A6B0C9

Analogous

C9AEA6
C8BEA5
C1C9A6

Triadic

C8BEA5
A6C9BF
BFA6C9

Split-Comp.

C8BEA5
A6C1C9
AEA6C9

Tetradic

C8BEA5
A6C9AE
A6B0C9
C9A6C1

Contrast Matrix WCAG 2.1 Contrast

C8BEA5
926B7D
B38590
F9D1CF
FFECD4
—
2.5
Fail
1.7
Fail
1.3
Fail
1.6
Fail
2.5
Fail
—
1.4
Fail
3.3
AA Large
3.9
AA Large
1.7
Fail
1.4
Fail
—
2.3
Fail
2.7
Fail
1.3
Fail
3.3
AA Large
2.3
Fail
—
1.2
Fail
1.6
Fail
3.9
AA Large
2.7
Fail
1.2
Fail
—
White BG
1.8Fail
4.5AA
3.1AA Large
1.4Fail
1.2Fail
Black BG
11.4AAA
4.6AA
6.7AA
15.0AAA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4AB
818179
9F9F8D
E8E7CF
F7F7DA

Deuteranopia

C4C5AD
838678
A2A58D
EAEDD0
F8F9DB

Tritanopia

C8B0B1
907574
B18B8B
F7D0D0
FEDEDF

Achromatopsia

BEBEBE
797979
949494
DDDDDD
EFEFEF

Shades & Tints Shades & Tints

#C8BEA5

Dark
Light

#926B7D

Dark
Light

#B38590

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8bea5;
  --color-2: #926b7d;
  --color-3: #b38590;
  --color-4: #f9d1cf;
  --color-5: #ffecd4;
}

SCSS

$color-1: #c8bea5;
$color-2: #926b7d;
$color-3: #b38590;
$color-4: #f9d1cf;
$color-5: #ffecd4;

TAILWIND

colors: {
  'brand-1': '#c8bea5',
  'brand-2': '#926b7d',
  'brand-3': '#b38590',
  'brand-4': '#f9d1cf',
  'brand-5': '#ffecd4',
}

RGB Array

[200, 190, 165], [146, 107, 125], [179, 133, 144], [249, 209, 207], [255, 236, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #C8BEA5, #926B7D, #B38590, #F9D1CF, #FFECD4 is ideal for: health products, baby brands, fresh-style blogs, 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: #c8bea5; --color-2: #926b7d; --color-3: #b38590; --color-4: #f9d1cf; --color-5: #ffecd4. 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. 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