← Back to Editor

#915EAB · #C0ADDB · #80C385 · #D6E68E · #F6F8EE

spring

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#915EAB

Dark Plum · SlateBlue · Violet

HEX
#915EAB
RGB
rgb(145, 94, 171)
HSL
hsl(280, 31%, 52%)
HSB
hsb(280, 45%, 67%)
CMYK
cmyk(15%, 45%, 0%, 33%)
Oklch
oklch(56.8% 0.127 313.4)

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

#C0ADDB

Wisteria · LightSteelBlue · Lilac Purple

HEX
#C0ADDB
RGB
rgb(192, 173, 219)
HSL
hsl(265, 39%, 77%)
HSB
hsb(265, 21%, 86%)
CMYK
cmyk(12%, 21%, 0%, 14%)
Oklch
oklch(77.9% 0.068 303.7)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#80C385

Celadon · DarkSeaGreen · Apple Green

HEX
#80C385
RGB
rgb(128, 195, 133)
HSL
hsl(124, 36%, 63%)
HSB
hsb(124, 34%, 76%)
CMYK
cmyk(34%, 0%, 32%, 24%)
Oklch
oklch(75.6% 0.111 146.1)

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

#D6E68E

Willow Green · Khaki · Apple Green

HEX
#D6E68E
RGB
rgb(214, 230, 142)
HSL
hsl(71, 64%, 73%)
HSB
hsb(71, 38%, 90%)
CMYK
cmyk(7%, 0%, 38%, 10%)
Oklch
oklch(89.3% 0.113 117.2)

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

#F6F8EE

Willow Green · SeaShell · Mint Green

HEX
#F6F8EE
RGB
rgb(246, 248, 238)
HSL
hsl(72, 42%, 95%)
HSB
hsb(72, 4%, 97%)
CMYK
cmyk(1%, 0%, 4%, 3%)
Oklch
oklch(97.5% 0.013 115.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

915EAB
78AB5F

Analogous

6B5FAB
915EAB
AB5F9E

Triadic

915EAB
AB915F
5FAB91

Split-Comp.

915EAB
9EAB5F
5FAB6B

Tetradic

915EAB
AB6B5F
78AB5F
5F9EAB

Contrast Matrix WCAG 2.1 Contrast

915EAB
C0ADDB
80C385
D6E68E
F6F8EE
—
2.3
Fail
2.3
Fail
3.5
AA Large
4.5
AA Large
2.3
Fail
—
1.0
Fail
1.5
Fail
1.9
Fail
2.3
Fail
1.0
Fail
—
1.5
Fail
1.9
Fail
3.5
AA Large
1.5
Fail
1.5
Fail
—
1.3
Fail
4.5
AA Large
1.9
Fail
1.9
Fail
1.3
Fail
—
White BG
4.8AA
2.1Fail
2.1Fail
1.3Fail
1.1Fail
Black BG
4.4AA Large
10.2AAA
10.1AAA
15.6AAA
19.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7A98
B8B8D0
9D9E94
DDDDA3
F7F7F0

Deuteranopia

7E8294
B9BACD
999498
DCDBA8
F7F7F1

Tritanopia

8E8A86
BFC7C5
83A0A2
D7B4B8
F6F2F3

Achromatopsia

767676
B8B8B8
A8A8A8
D7D7D7
F6F6F6

Shades & Tints Shades & Tints

#915EAB

Dark
Light

#C0ADDB

Dark
Light

#80C385

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #915eab;
  --color-2: #c0addb;
  --color-3: #80c385;
  --color-4: #d6e68e;
  --color-5: #f6f8ee;
}

SCSS

$color-1: #915eab;
$color-2: #c0addb;
$color-3: #80c385;
$color-4: #d6e68e;
$color-5: #f6f8ee;

TAILWIND

colors: {
  'brand-1': '#915eab',
  'brand-2': '#c0addb',
  'brand-3': '#80c385',
  'brand-4': '#d6e68e',
  'brand-5': '#f6f8ee',
}

RGB Array

[145, 94, 171], [192, 173, 219], [128, 195, 133], [214, 230, 142], [246, 248, 238]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #915EAB, #C0ADDB, #80C385, #D6E68E, #F6F8EE 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: #915eab; --color-2: #c0addb; --color-3: #80c385; --color-4: #d6e68e; --color-5: #f6f8ee. 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