#76B298 + #BBCDA5 + #F1D9BD + #FFA9A0 + #E07D80 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#76B298

Mineral Blue · DarkSeaGreen · Olive Green

HEX

#76B298

RGB

rgb(118, 178, 152)

HSL

hsl(154, 28%, 58%)

HSB

hsb(154, 34%, 70%)

CMYK

cmyk(34%, 0%, 15%, 30%)

Oklch

oklch(71.5% 0.073 165.4)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#BBCDA5

Willow Green · Silver · Apple Green

HEX

#BBCDA5

RGB

rgb(187, 205, 165)

HSL

hsl(87, 29%, 73%)

HSB

hsb(87, 20%, 80%)

CMYK

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

Oklch

oklch(82.4% 0.058 127.4)

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

#F1D9BD

Goose Yellow · Wheat · Peach Orange

HEX

#F1D9BD

RGB

rgb(241, 217, 189)

HSL

hsl(32, 65%, 84%)

HSB

hsb(32, 22%, 95%)

CMYK

cmyk(0%, 10%, 22%, 5%)

Oklch

oklch(89.8% 0.046 71.5)

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

#FFA9A0

Peach Pink · LightPink · Cherry Blossom

HEX

#FFA9A0

RGB

rgb(255, 169, 160)

HSL

hsl(6, 100%, 81%)

HSB

hsb(6, 37%, 100%)

CMYK

cmyk(0%, 34%, 37%, 0%)

Oklch

oklch(81.7% 0.103 26.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E07D80

Peach Pink · LightCoral · Coral Red

HEX

#E07D80

RGB

rgb(224, 125, 128)

HSL

hsl(358, 61%, 68%)

HSB

hsb(358, 44%, 88%)

CMYK

cmyk(0%, 44%, 43%, 12%)

Oklch

oklch(69.9% 0.123 18.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

76B298

B27690

Analogous

76B27A

76B298

76AEB2

Triadic

76B298

9876B2

B29876

Split-Comp.

76B298

B276AE

B27A76

Tetradic

76B298

7A76B2

B27690

AEB276

Contrast Matrix WCAG 2.1 Contrast

76B298	BBCDA5	F1D9BD	FFA9A0	E07D80
—	1.4 Fail	1.8 Fail	1.3 Fail	1.2 Fail
1.4 Fail	—	1.2 Fail	1.1 Fail	1.7 Fail
1.8 Fail	1.2 Fail	—	1.3 Fail	2.1 Fail
1.3 Fail	1.1 Fail	1.3 Fail	—	1.5 Fail
1.2 Fail	1.7 Fail	2.1 Fail	1.5 Fail	—

White BG

2.4Fail

1.7Fail

1.4Fail

1.8Fail

2.8Fail

Black BG

8.6AAA

12.4AAA

15.4AAA

11.4AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

90919E

C3C3AF

E7E6C4

DAD9A2

B5B47F

Deuteranopia

8D88A0

C2C0B1

E8EAC5

DFE5A3

BBC27F

Tritanopia

79A3A4

BCB6B8

F0C9CA

FBA4A4

DB7F7F

Achromatopsia

9D9D9D

C3C3C3

DDDDDD

C2C2C2

9B9B9B

Shades & Tints Shades & Tints

#76B298

Dark

Light

#BBCDA5

Dark

Light

#F1D9BD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #76b298;
  --color-2: #bbcda5;
  --color-3: #f1d9bd;
  --color-4: #ffa9a0;
  --color-5: #e07d80;
}

SCSS

$color-1: #76b298;
$color-2: #bbcda5;
$color-3: #f1d9bd;
$color-4: #ffa9a0;
$color-5: #e07d80;

TAILWIND

colors: {
  'brand-1': '#76b298',
  'brand-2': '#bbcda5',
  'brand-3': '#f1d9bd',
  'brand-4': '#ffa9a0',
  'brand-5': '#e07d80',
}

RGB Array

[118, 178, 152], [187, 205, 165], [241, 217, 189], [255, 169, 160], [224, 125, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #76B298, #BBCDA5, #F1D9BD, #FFA9A0, #E07D80 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: #76b298; --color-2: #bbcda5; --color-3: #f1d9bd; --color-4: #ffa9a0; --color-5: #e07d80. 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