← Back to Editor

#A094A6 · #8DB2C4 · #96C2CA · #C4D4D0 · #D0E1D7

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

WorkspaceReading

Color Details Color Details

#A094A6

Lilac · DarkGray · Silver Sand

HEX
#A094A6
RGB
rgb(160, 148, 166)
HSL
hsl(280, 9%, 62%)
HSB
hsb(280, 11%, 65%)
CMYK
cmyk(4%, 11%, 0%, 35%)
Oklch
oklch(68.3% 0.029 314.6)

Traditional「Lilac」· Paint「Silver Sand」· Creative Urban Concrete

#8DB2C4

Sky Blue · DarkGray · Cobalt Blue

HEX
#8DB2C4
RGB
rgb(141, 178, 196)
HSL
hsl(200, 32%, 66%)
HSB
hsb(200, 28%, 77%)
CMYK
cmyk(28%, 9%, 0%, 23%)
Oklch
oklch(74.3% 0.048 229.1)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#96C2CA

Sky Blue · LightSteelBlue · Lake Green

HEX
#96C2CA
RGB
rgb(150, 194, 202)
HSL
hsl(189, 33%, 69%)
HSB
hsb(189, 26%, 79%)
CMYK
cmyk(26%, 4%, 0%, 21%)
Oklch
oklch(78.5% 0.048 209.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#C4D4D0

Jade · LightGray · Glacier Blue

HEX
#C4D4D0
RGB
rgb(196, 212, 208)
HSL
hsl(165, 16%, 80%)
HSB
hsb(165, 8%, 83%)
CMYK
cmyk(8%, 0%, 2%, 17%)
Oklch
oklch(85.7% 0.018 179.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#D0E1D7

Celadon · LightGray · Mint Green

HEX
#D0E1D7
RGB
rgb(208, 225, 215)
HSL
hsl(145, 22%, 85%)
HSB
hsb(145, 8%, 88%)
CMYK
cmyk(8%, 0%, 4%, 12%)
Oklch
oklch(89.4% 0.023 160.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A094A6
9BA795

Analogous

9895A7
A094A6
A795A4

Triadic

A094A6
A7A195
95A7A1

Split-Comp.

A094A6
A4A795
95A798

Tetradic

A094A6
A79895
9BA795
95A4A7

Contrast Matrix WCAG 2.1 Contrast

A094A6
8DB2C4
96C2CA
C4D4D0
D0E1D7
—
1.3
Fail
1.5
Fail
1.9
Fail
2.1
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
2.1
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
White BG
2.9Fail
2.3Fail
1.9Fail
1.5Fail
1.4Fail
Black BG
7.3AAA
9.3AAA
10.9AAA
13.7AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9BA2
9D9DC0
A9A9C8
CBCBD1
D7D8D9

Deuteranopia

9C9CA1
9B98BF
A7A3C8
CAC9D1
D6D5DA

Tritanopia

9F9E9D
8FBCBB
98C7C6
C5D2D2
D1DBDC

Achromatopsia

9A9A9A
A9A9A9
B6B6B6
CFCFCF
DBDBDB

Shades & Tints Shades & Tints

#A094A6

Dark
Light

#8DB2C4

Dark
Light

#96C2CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a094a6;
  --color-2: #8db2c4;
  --color-3: #96c2ca;
  --color-4: #c4d4d0;
  --color-5: #d0e1d7;
}

SCSS

$color-1: #a094a6;
$color-2: #8db2c4;
$color-3: #96c2ca;
$color-4: #c4d4d0;
$color-5: #d0e1d7;

TAILWIND

colors: {
  'brand-1': '#a094a6',
  'brand-2': '#8db2c4',
  'brand-3': '#96c2ca',
  'brand-4': '#c4d4d0',
  'brand-5': '#d0e1d7',
}

RGB Array

[160, 148, 166], [141, 178, 196], [150, 194, 202], [196, 212, 208], [208, 225, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #A094A6, #8DB2C4, #96C2CA, #C4D4D0, #D0E1D7 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a094a6; --color-2: #8db2c4; --color-3: #96c2ca; --color-4: #c4d4d0; --color-5: #d0e1d7. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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