#98A973 + #FF6A79 + #ED9F93 + #EDCDB8 + #D7E1BE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#98A973

Grass Green · DarkSeaGreen · Olive Green

HEX

#98A973

RGB

rgb(152, 169, 115)

HSL

hsl(79, 24%, 56%)

HSB

hsb(79, 32%, 66%)

CMYK

cmyk(10%, 0%, 32%, 34%)

Oklch

oklch(70.8% 0.077 122.6)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#FF6A79

Peach Pink · Salmon · Coral Red

HEX

#FF6A79

RGB

rgb(255, 106, 121)

HSL

hsl(354, 100%, 71%)

HSB

hsb(354, 58%, 100%)

CMYK

cmyk(0%, 58%, 53%, 0%)

Oklch

oklch(71.3% 0.182 16.9)

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

#ED9F93

Peach Pink · DarkSalmon · Coral Red

HEX

#ED9F93

RGB

rgb(237, 159, 147)

HSL

hsl(8, 71%, 75%)

HSB

hsb(8, 38%, 93%)

CMYK

cmyk(0%, 33%, 38%, 7%)

Oklch

oklch(77.6% 0.095 29.0)

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

#EDCDB8

Apricot · Wheat · Peach Orange

HEX

#EDCDB8

RGB

rgb(237, 205, 184)

HSL

hsl(24, 60%, 83%)

HSB

hsb(24, 22%, 93%)

CMYK

cmyk(0%, 14%, 22%, 7%)

Oklch

oklch(87.0% 0.046 55.3)

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

#D7E1BE

Willow Green · LightGray · Mint Green

HEX

#D7E1BE

RGB

rgb(215, 225, 190)

HSL

hsl(77, 37%, 81%)

HSB

hsb(77, 16%, 88%)

CMYK

cmyk(4%, 0%, 16%, 12%)

Oklch

oklch(89.3% 0.048 120.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

98A973

8574AA

Analogous

AAA074

98A973

7EAA74

Triadic

98A973

7499AA

AA7499

Split-Comp.

98A973

747EAA

A074AA

Tetradic

98A973

74AAA0

8574AA

AA747E

Contrast Matrix WCAG 2.1 Contrast

98A973	FF6A79	ED9F93	EDCDB8	D7E1BE
—	1.1 Fail	1.2 Fail	1.7 Fail	1.9 Fail
1.1 Fail	—	1.3 Fail	1.8 Fail	2.0 Fail
1.2 Fail	1.3 Fail	—	1.4 Fail	1.5 Fail
1.7 Fail	1.8 Fail	1.4 Fail	—	1.1 Fail
1.9 Fail	2.0 Fail	1.5 Fail	1.1 Fail	—

White BG

2.5Fail

2.8Fail

2.1Fail

1.5Fail

1.4Fail

Black BG

8.3AAA

7.6AAA

10.0AAA

14.0AAA

15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9FA080

BEBD75

CBCB96

DFDFBD

DBDBC6

Deuteranopia

9E9D83

C7D274

D0D697

E1E3BE

DBDAC9

Tritanopia

998A8D

F87372

E99899

EBC1C2

D8CDCF

Achromatopsia

9E9E9E

989898

B5B5B5

D4D4D4

DADADA

Shades & Tints Shades & Tints

#98A973

Dark

Light

#FF6A79

Dark

Light

#ED9F93

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #98a973;
  --color-2: #ff6a79;
  --color-3: #ed9f93;
  --color-4: #edcdb8;
  --color-5: #d7e1be;
}

SCSS

$color-1: #98a973;
$color-2: #ff6a79;
$color-3: #ed9f93;
$color-4: #edcdb8;
$color-5: #d7e1be;

TAILWIND

colors: {
  'brand-1': '#98a973',
  'brand-2': '#ff6a79',
  'brand-3': '#ed9f93',
  'brand-4': '#edcdb8',
  'brand-5': '#d7e1be',
}

RGB Array

[152, 169, 115], [255, 106, 121], [237, 159, 147], [237, 205, 184], [215, 225, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #98A973, #FF6A79, #ED9F93, #EDCDB8, #D7E1BE 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: #98a973; --color-2: #ff6a79; --color-3: #ed9f93; --color-4: #edcdb8; --color-5: #d7e1be. 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