#7D5D79 + #DE847A + #C4B297 + #E2E9AD + #FDF4AC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#7D5D79

Rose Purple · DimGray · Violet

HEX

#7D5D79

RGB

rgb(125, 93, 121)

HSL

hsl(308, 15%, 43%)

HSB

hsb(308, 26%, 49%)

CMYK

cmyk(0%, 26%, 3%, 51%)

Oklch

oklch(52.1% 0.058 330.7)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#DE847A

Peach Pink · LightCoral · Coral Red

HEX

#DE847A

RGB

rgb(222, 132, 122)

HSL

hsl(6, 60%, 67%)

HSB

hsb(6, 45%, 87%)

CMYK

cmyk(0%, 41%, 45%, 13%)

Oklch

oklch(70.7% 0.113 27.0)

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

#C4B297

Ginger · Tan · Warm Sun

HEX

#C4B297

RGB

rgb(196, 178, 151)

HSL

hsl(36, 28%, 68%)

HSB

hsb(36, 23%, 77%)

CMYK

cmyk(0%, 9%, 23%, 23%)

Oklch

oklch(77.2% 0.042 78.0)

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

#E2E9AD

Fresh Green · Wheat · Lemon Cream

HEX

#E2E9AD

RGB

rgb(226, 233, 173)

HSL

hsl(67, 58%, 80%)

HSB

hsb(67, 26%, 91%)

CMYK

cmyk(3%, 0%, 26%, 9%)

Oklch

oklch(91.4% 0.078 113.4)

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

#FDF4AC

Fresh Green · Wheat · Lemon Cream

HEX

#FDF4AC

RGB

rgb(253, 244, 172)

HSL

hsl(53, 95%, 83%)

HSB

hsb(53, 32%, 99%)

CMYK

cmyk(0%, 4%, 32%, 1%)

Oklch

oklch(95.8% 0.091 101.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D5D79

5D7E62

Analogous

725D7E

7D5D79

7E5D69

Triadic

7D5D79

7A7E5D

5D7A7E

Split-Comp.

7D5D79

697E5D

5D7E72

Tetradic

7D5D79

7E725D

5D7E62

5D697E

Contrast Matrix WCAG 2.1 Contrast

7D5D79	DE847A	C4B297	E2E9AD	FDF4AC
—	2.1 Fail	2.7 Fail	4.4 AA Large	5.0 AA
2.1 Fail	—	1.3 Fail	2.1 Fail	2.4 Fail
2.7 Fail	1.3 Fail	—	1.6 Fail	1.8 Fail
4.4 AA Large	2.1 Fail	1.6 Fail	—	1.1 Fail
5.0 AA	2.4 Fail	1.8 Fail	1.1 Fail	—

White BG

5.7AA

2.7Fail

2.1Fail

1.3Fail

1.1Fail

Black BG

3.7AA Large

7.7AAA

10.2AAA

16.5AAA

18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6F72

B7B67C

BCBC9E

E5E5BC

F9F9BD

Deuteranopia

717371

BCC37D

BDBF9F

E5E4BF

FAFAC2

Tritanopia

7B6D6C

D97E7F

C3A3A4

E2C7CA

FDCBCE

Achromatopsia

6A6A6A

9E9E9E

B4B4B4

E0E0E0

EEEEEE

Shades & Tints Shades & Tints

#7D5D79

Dark

Light

#DE847A

Dark

Light

#C4B297

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d5d79;
  --color-2: #de847a;
  --color-3: #c4b297;
  --color-4: #e2e9ad;
  --color-5: #fdf4ac;
}

SCSS

$color-1: #7d5d79;
$color-2: #de847a;
$color-3: #c4b297;
$color-4: #e2e9ad;
$color-5: #fdf4ac;

TAILWIND

colors: {
  'brand-1': '#7d5d79',
  'brand-2': '#de847a',
  'brand-3': '#c4b297',
  'brand-4': '#e2e9ad',
  'brand-5': '#fdf4ac',
}

RGB Array

[125, 93, 121], [222, 132, 122], [196, 178, 151], [226, 233, 173], [253, 244, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D5D79, #DE847A, #C4B297, #E2E9AD, #FDF4AC 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: #7d5d79; --color-2: #de847a; --color-3: #c4b297; --color-4: #e2e9ad; --color-5: #fdf4ac. 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