← Back to Editor

#C2C1A5 · #AFC0A4 · #ADB49E · #B69D8C · #E2AAA0

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

WorkspaceReading

Color Details Color Details

#C2C1A5

Fresh Green · Silver · Sunflower

HEX
#C2C1A5
RGB
rgb(194, 193, 165)
HSL
hsl(58, 19%, 70%)
HSB
hsb(58, 15%, 76%)
CMYK
cmyk(0%, 1%, 15%, 24%)
Oklch
oklch(80.4% 0.038 105.5)

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

#AFC0A4

Celadon · DarkGray · Apple Green

HEX
#AFC0A4
RGB
rgb(175, 192, 164)
HSL
hsl(96, 18%, 70%)
HSB
hsb(96, 15%, 75%)
CMYK
cmyk(9%, 0%, 15%, 25%)
Oklch
oklch(78.7% 0.043 133.0)

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

#ADB49E

Willow Green · DarkGray · Apple Green

HEX
#ADB49E
RGB
rgb(173, 180, 158)
HSL
hsl(79, 13%, 66%)
HSB
hsb(79, 12%, 71%)
CMYK
cmyk(4%, 0%, 12%, 29%)
Oklch
oklch(75.8% 0.032 121.5)

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

#B69D8C

Apricot · DarkGray · Warm Sun

HEX
#B69D8C
RGB
rgb(182, 157, 140)
HSL
hsl(24, 22%, 63%)
HSB
hsb(24, 23%, 71%)
CMYK
cmyk(0%, 14%, 23%, 29%)
Oklch
oklch(71.4% 0.038 56.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E2AAA0

Peach Pink · Tan · Coral Red

HEX
#E2AAA0
RGB
rgb(226, 170, 160)
HSL
hsl(9, 53%, 76%)
HSB
hsb(9, 29%, 89%)
CMYK
cmyk(0%, 25%, 29%, 11%)
Oklch
oklch(78.7% 0.068 30.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2C1A5
A4A5C1

Analogous

C1B2A4
C2C1A5
B3C1A4

Triadic

C2C1A5
A4C1C0
C0A4C1

Split-Comp.

C2C1A5
A4B3C1
B2A4C1

Tetradic

C2C1A5
A4C1B2
A4A5C1
C1A4B3

Contrast Matrix WCAG 2.1 Contrast

C2C1A5
AFC0A4
ADB49E
B69D8C
E2AAA0
—
1.1
Fail
1.2
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.0
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.3
Fail
—
White BG
1.8Fail
1.9Fail
2.1Fail
2.6Fail
2.0Fail
Black BG
11.5AAA
10.9AAA
9.8AAA
8.2AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2AC
B6B7AB
B0B0A3
ABAB90
CAC9A2

Deuteranopia

C2C2AD
B5B4AC
B0AFA5
ADAF91
CDD1A3

Tritanopia

C2B1B2
B0B0B1
ADA8A8
B59394
DFA4A5

Achromatopsia

BEBEBE
B8B8B8
AFAFAF
A3A3A3
BABABA

Shades & Tints Shades & Tints

#C2C1A5

Dark
Light

#AFC0A4

Dark
Light

#ADB49E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2c1a5;
  --color-2: #afc0a4;
  --color-3: #adb49e;
  --color-4: #b69d8c;
  --color-5: #e2aaa0;
}

SCSS

$color-1: #c2c1a5;
$color-2: #afc0a4;
$color-3: #adb49e;
$color-4: #b69d8c;
$color-5: #e2aaa0;

TAILWIND

colors: {
  'brand-1': '#c2c1a5',
  'brand-2': '#afc0a4',
  'brand-3': '#adb49e',
  'brand-4': '#b69d8c',
  'brand-5': '#e2aaa0',
}

RGB Array

[194, 193, 165], [175, 192, 164], [173, 180, 158], [182, 157, 140], [226, 170, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #C2C1A5, #AFC0A4, #ADB49E, #B69D8C, #E2AAA0 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: #c2c1a5; --color-2: #afc0a4; --color-3: #adb49e; --color-4: #b69d8c; --color-5: #e2aaa0. 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