#DEBBB7 + #FFD8C2 + #FFE7C2 + #BFC6B6 + #93AAB0 · spring - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DEBBB7

Peach Pink · Silver · Coral Red

HEX

#DEBBB7

RGB

rgb(222, 187, 183)

HSL

hsl(6, 37%, 79%)

HSB

hsb(6, 18%, 87%)

CMYK

cmyk(0%, 16%, 18%, 13%)

Oklch

oklch(82.1% 0.041 25.7)

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

#FFD8C2

Apricot · Bisque · Peach Orange

HEX

#FFD8C2

RGB

rgb(255, 216, 194)

HSL

hsl(22, 100%, 88%)

HSB

hsb(22, 24%, 100%)

CMYK

cmyk(0%, 15%, 24%, 0%)

Oklch

oklch(91.0% 0.053 51.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFE7C2

Goose Yellow · Bisque · Peach Orange

HEX

#FFE7C2

RGB

rgb(255, 231, 194)

HSL

hsl(36, 100%, 88%)

HSB

hsb(36, 24%, 100%)

CMYK

cmyk(0%, 9%, 24%, 0%)

Oklch

oklch(93.8% 0.055 78.6)

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

#BFC6B6

Willow Green · Silver · Apple Green

HEX

#BFC6B6

RGB

rgb(191, 198, 182)

HSL

hsl(86, 12%, 75%)

HSB

hsb(86, 8%, 78%)

CMYK

cmyk(4%, 0%, 8%, 22%)

Oklch

oklch(81.7% 0.023 126.3)

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

#93AAB0

Sky Blue · DarkGray · Lake Green

HEX

#93AAB0

RGB

rgb(147, 170, 176)

HSL

hsl(192, 16%, 63%)

HSB

hsb(192, 16%, 69%)

CMYK

cmyk(16%, 3%, 0%, 31%)

Oklch

oklch(72.2% 0.027 215.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEBBB7

B6D9DD

Analogous

DDB6C5

DEBBB7

DDCDB6

Triadic

DEBBB7

B6DDBA

BAB6DD

Split-Comp.

DEBBB7

B6DDCD

B6C5DD

Tetradic

DEBBB7

C5DDB6

B6D9DD

CDB6DD

Contrast Matrix WCAG 2.1 Contrast

DEBBB7	FFD8C2	FFE7C2	BFC6B6	93AAB0
—	1.3 Fail	1.5 Fail	1.0 Fail	1.4 Fail
1.3 Fail	—	1.1 Fail	1.3 Fail	1.8 Fail
1.5 Fail	1.1 Fail	—	1.5 Fail	2.0 Fail
1.0 Fail	1.3 Fail	1.5 Fail	—	1.4 Fail
1.4 Fail	1.8 Fail	2.0 Fail	1.4 Fail	—

White BG

1.8Fail

1.3Fail

1.2Fail

1.8Fail

2.4Fail

Black BG

11.9AAA

15.9AAA

17.5AAA

12.0AAA

8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFB8

EEEEC7

F5F4CB

C2C2BA

9D9DAF

Deuteranopia

D1D3B8

F0F3C9

F6F8CD

C2C1BB

9C9AAE

Tritanopia

DCB9B9

FDCCCC

FED2D4

BFBDBE

94ADAD

Achromatopsia

C5C5C5

E1E1E1

EAEAEA

C2C2C2

A4A4A4

Shades & Tints Shades & Tints

#DEBBB7

Dark

Light

#FFD8C2

Dark

Light

#FFE7C2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #debbb7;
  --color-2: #ffd8c2;
  --color-3: #ffe7c2;
  --color-4: #bfc6b6;
  --color-5: #93aab0;
}

SCSS

$color-1: #debbb7;
$color-2: #ffd8c2;
$color-3: #ffe7c2;
$color-4: #bfc6b6;
$color-5: #93aab0;

TAILWIND

colors: {
  'brand-1': '#debbb7',
  'brand-2': '#ffd8c2',
  'brand-3': '#ffe7c2',
  'brand-4': '#bfc6b6',
  'brand-5': '#93aab0',
}

RGB Array

[222, 187, 183], [255, 216, 194], [255, 231, 194], [191, 198, 182], [147, 170, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #DEBBB7, #FFD8C2, #FFE7C2, #BFC6B6, #93AAB0 is ideal for: health products, baby brands, fresh-style blogs. 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: #debbb7; --color-2: #ffd8c2; --color-3: #ffe7c2; --color-4: #bfc6b6; --color-5: #93aab0. 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 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