← Back to Editor

#7F476A · #B56F8B · #F9C792 · #F2E5C3 · #C7DAC6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#7F476A

Rose Purple · DimGray · Camellia

HEX
#7F476A
RGB
rgb(127, 71, 106)
HSL
hsl(323, 28%, 39%)
HSB
hsb(323, 44%, 50%)
CMYK
cmyk(0%, 44%, 17%, 50%)
Oklch
oklch(47.7% 0.090 342.9)

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

#B56F8B

Dark Violet · Gray · Rose Pink

HEX
#B56F8B
RGB
rgb(181, 111, 139)
HSL
hsl(336, 32%, 57%)
HSB
hsb(336, 39%, 71%)
CMYK
cmyk(0%, 39%, 23%, 29%)
Oklch
oklch(62.6% 0.095 354.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F9C792

Goose Yellow · BurlyWood · Peach Orange

HEX
#F9C792
RGB
rgb(249, 199, 146)
HSL
hsl(31, 90%, 77%)
HSB
hsb(31, 41%, 98%)
CMYK
cmyk(0%, 20%, 41%, 2%)
Oklch
oklch(86.2% 0.089 67.8)

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

#F2E5C3

Goose Yellow · Bisque · Lemon Cream

HEX
#F2E5C3
RGB
rgb(242, 229, 195)
HSL
hsl(43, 64%, 86%)
HSB
hsb(43, 19%, 95%)
CMYK
cmyk(0%, 5%, 19%, 5%)
Oklch
oklch(92.4% 0.047 89.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C7DAC6

Celadon · LightGray · Mint Green

HEX
#C7DAC6
RGB
rgb(199, 218, 198)
HSL
hsl(117, 21%, 82%)
HSB
hsb(117, 9%, 85%)
CMYK
cmyk(9%, 0%, 9%, 15%)
Oklch
oklch(86.9% 0.034 143.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7F476A
487F5D

Analogous

79487F
7F476A
7F484E

Triadic

7F476A
6A7F48
486A7F

Split-Comp.

7F476A
4E7F48
487F79

Tetradic

7F476A
7F7948
487F5D
484E7F

Contrast Matrix WCAG 2.1 Contrast

7F476A
B56F8B
F9C792
F2E5C3
C7DAC6
—
1.9
Fail
4.5
AA
5.6
AA
4.7
AA
1.9
Fail
—
2.4
Fail
3.0
Fail
2.5
Fail
4.5
AA
2.4
Fail
—
1.2
Fail
1.0
Fail
5.6
AA
3.0
Fail
1.2
Fail
—
1.2
Fail
4.7
AA
2.5
Fail
1.0
Fail
1.2
Fail
—
White BG
7.0AA
3.7AA Large
1.5Fail
1.3Fail
1.5Fail
Black BG
3.0AA Large
5.6AA
13.6AAA
16.8AAA
14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

676662
979684
E3E39F
ECECCB
CFCFCB

Deuteranopia

6A6E5F
9BA083
E6EAA2
EDEECD
CECDCC

Tritanopia

7C5B59
B27F7E
F6A9AB
F1D2D3
C8CFD0

Achromatopsia

5C5C5C
878787
D0D0D0
E5E5E5
D2D2D2

Shades & Tints Shades & Tints

#7F476A

Dark
Light

#B56F8B

Dark
Light

#F9C792

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7f476a;
  --color-2: #b56f8b;
  --color-3: #f9c792;
  --color-4: #f2e5c3;
  --color-5: #c7dac6;
}

SCSS

$color-1: #7f476a;
$color-2: #b56f8b;
$color-3: #f9c792;
$color-4: #f2e5c3;
$color-5: #c7dac6;

TAILWIND

colors: {
  'brand-1': '#7f476a',
  'brand-2': '#b56f8b',
  'brand-3': '#f9c792',
  'brand-4': '#f2e5c3',
  'brand-5': '#c7dac6',
}

RGB Array

[127, 71, 106], [181, 111, 139], [249, 199, 146], [242, 229, 195], [199, 218, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7F476A, #B56F8B, #F9C792, #F2E5C3, #C7DAC6 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: #7f476a; --color-2: #b56f8b; --color-3: #f9c792; --color-4: #f2e5c3; --color-5: #c7dac6. 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