← Back to Editor

#7D4D73 · #8F8CAB · #B8DEDC · #D1F5CC · #FFF4AB

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#7D4D73

Rose Purple · DimGray · Eggplant

HEX
#7D4D73
RGB
rgb(125, 77, 115)
HSL
hsl(312, 24%, 40%)
HSB
hsb(312, 38%, 49%)
CMYK
cmyk(0%, 38%, 8%, 51%)
Oklch
oklch(48.8% 0.084 334.7)

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

#8F8CAB

Wisteria · LightSlateGray · Cobalt Blue

HEX
#8F8CAB
RGB
rgb(143, 140, 171)
HSL
hsl(246, 16%, 61%)
HSB
hsb(246, 18%, 67%)
CMYK
cmyk(16%, 18%, 0%, 33%)
Oklch
oklch(65.3% 0.046 289.5)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#B8DEDC

Jade · LightBlue · Glacier Blue

HEX
#B8DEDC
RGB
rgb(184, 222, 220)
HSL
hsl(177, 37%, 80%)
HSB
hsb(177, 17%, 87%)
CMYK
cmyk(17%, 0%, 1%, 13%)
Oklch
oklch(87.3% 0.040 192.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#D1F5CC

Emerald · LightGray · Mint Green

HEX
#D1F5CC
RGB
rgb(209, 245, 204)
HSL
hsl(113, 67%, 88%)
HSB
hsb(113, 17%, 96%)
CMYK
cmyk(15%, 0%, 17%, 4%)
Oklch
oklch(93.4% 0.066 141.7)

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

#FFF4AB

Fresh Green · Wheat · Lemon Cream

HEX
#FFF4AB
RGB
rgb(255, 244, 171)
HSL
hsl(52, 100%, 84%)
HSB
hsb(52, 33%, 100%)
CMYK
cmyk(0%, 4%, 33%, 0%)
Oklch
oklch(95.9% 0.092 100.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D4D73
4E7E57

Analogous

704E7E
7D4D73
7E4E5C

Triadic

7D4D73
757E4E
4E757E

Split-Comp.

7D4D73
5C7E4E
4E7E70

Tetradic

7D4D73
7E704E
4E7E57
4E5C7E

Contrast Matrix WCAG 2.1 Contrast

7D4D73
8F8CAB
B8DEDC
D1F5CC
FFF4AB
—
2.0
Fail
4.6
AA
5.5
AA
5.9
AA
2.0
Fail
—
2.2
Fail
2.7
Fail
2.9
Fail
4.6
AA
2.2
Fail
—
1.2
Fail
1.3
Fail
5.5
AA
2.7
Fail
1.2
Fail
—
1.1
Fail
5.9
AA
2.9
Fail
1.3
Fail
1.1
Fail
—
White BG
6.6AA
3.2AA Large
1.4Fail
1.2Fail
1.1Fail
Black BG
3.2AA Large
6.5AA
14.5AAA
17.6AAA
18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

68686A
8E8EA3
C8C9DC
E1E1D6
FAFABD

Deuteranopia

6B6F68
8E8EA2
C6C3DD
DFDCD8
FBFCC1

Tritanopia

7B6361
8F9E9C
BADDDD
D3DEDF
FECBCE

Achromatopsia

606060
909090
D2D2D2
E6E6E6
EFEFEF

Shades & Tints Shades & Tints

#7D4D73

Dark
Light

#8F8CAB

Dark
Light

#B8DEDC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d4d73;
  --color-2: #8f8cab;
  --color-3: #b8dedc;
  --color-4: #d1f5cc;
  --color-5: #fff4ab;
}

SCSS

$color-1: #7d4d73;
$color-2: #8f8cab;
$color-3: #b8dedc;
$color-4: #d1f5cc;
$color-5: #fff4ab;

TAILWIND

colors: {
  'brand-1': '#7d4d73',
  'brand-2': '#8f8cab',
  'brand-3': '#b8dedc',
  'brand-4': '#d1f5cc',
  'brand-5': '#fff4ab',
}

RGB Array

[125, 77, 115], [143, 140, 171], [184, 222, 220], [209, 245, 204], [255, 244, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D4D73, #8F8CAB, #B8DEDC, #D1F5CC, #FFF4AB is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #7d4d73; --color-2: #8f8cab; --color-3: #b8dedc; --color-4: #d1f5cc; --color-5: #fff4ab. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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