#B1D3B6 + #F59290 + #EFB097 + #E7C8B9 + #DBEAD7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B1D3B6

Celadon · Silver · Apple Green

HEX

#B1D3B6

RGB

rgb(177, 211, 182)

HSL

hsl(129, 28%, 76%)

HSB

hsb(129, 16%, 83%)

CMYK

cmyk(16%, 0%, 14%, 17%)

Oklch

oklch(83.4% 0.054 149.3)

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

#F59290

Peach Pink · LightCoral · Coral Red

HEX

#F59290

RGB

rgb(245, 146, 144)

HSL

hsl(1, 83%, 76%)

HSB

hsb(1, 41%, 96%)

CMYK

cmyk(0%, 40%, 41%, 4%)

Oklch

oklch(76.3% 0.120 21.5)

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

#EFB097

Apricot · BurlyWood · Peach Orange

HEX

#EFB097

RGB

rgb(239, 176, 151)

HSL

hsl(17, 73%, 76%)

HSB

hsb(17, 37%, 94%)

CMYK

cmyk(0%, 26%, 37%, 6%)

Oklch

oklch(81.0% 0.082 42.6)

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

#E7C8B9

Apricot · Wheat · Peach Orange

HEX

#E7C8B9

RGB

rgb(231, 200, 185)

HSL

hsl(20, 49%, 82%)

HSB

hsb(20, 20%, 91%)

CMYK

cmyk(0%, 13%, 20%, 9%)

Oklch

oklch(85.5% 0.041 47.4)

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

#DBEAD7

Celadon · LightGray · Mint Green

HEX

#DBEAD7

RGB

rgb(219, 234, 215)

HSL

hsl(107, 31%, 88%)

HSB

hsb(107, 8%, 92%)

CMYK

cmyk(6%, 0%, 8%, 8%)

Oklch

oklch(92.1% 0.030 139.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1D3B6

D3B1CE

Analogous

BDD3B1

B1D3B6

B1D3C7

Triadic

B1D3B6

B6B1D3

D3B6B1

Split-Comp.

B1D3B6

C7B1D3

D3B1BD

Tetradic

B1D3B6

B1BDD3

D3B1CE

D3C7B1

Contrast Matrix WCAG 2.1 Contrast

B1D3B6	F59290	EFB097	E7C8B9	DBEAD7
—	1.4 Fail	1.1 Fail	1.0 Fail	1.3 Fail
1.4 Fail	—	1.2 Fail	1.4 Fail	1.8 Fail
1.1 Fail	1.2 Fail	—	1.2 Fail	1.5 Fail
1.0 Fail	1.4 Fail	1.2 Fail	—	1.3 Fail
1.3 Fail	1.8 Fail	1.5 Fail	1.3 Fail	—

White BG

1.6Fail

2.2Fail

1.9Fail

1.6Fail

1.3Fail

Black BG

12.9AAA

9.4AAA

11.3AAA

13.4AAA

16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C0BD

CAC990

D4D39D

DAD9BD

E1E2DC

Deuteranopia

BEBBBF

D0D791

D7DC9F

DBDEBE

E1E0DD

Tritanopia

B3C3C4

F09191

ECA2A3

E5BFC0

DCDFE0

Achromatopsia

C6C6C6

AFAFAF

C0C0C0

D0D0D0

E3E3E3

Shades & Tints Shades & Tints

#B1D3B6

Dark

Light

#F59290

Dark

Light

#EFB097

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1d3b6;
  --color-2: #f59290;
  --color-3: #efb097;
  --color-4: #e7c8b9;
  --color-5: #dbead7;
}

SCSS

$color-1: #b1d3b6;
$color-2: #f59290;
$color-3: #efb097;
$color-4: #e7c8b9;
$color-5: #dbead7;

TAILWIND

colors: {
  'brand-1': '#b1d3b6',
  'brand-2': '#f59290',
  'brand-3': '#efb097',
  'brand-4': '#e7c8b9',
  'brand-5': '#dbead7',
}

RGB Array

[177, 211, 182], [245, 146, 144], [239, 176, 151], [231, 200, 185], [219, 234, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B1D3B6, #F59290, #EFB097, #E7C8B9, #DBEAD7 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: #b1d3b6; --color-2: #f59290; --color-3: #efb097; --color-4: #e7c8b9; --color-5: #dbead7. 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 general-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