← Back to Editor

#7D535F · #F7E9CC · #332022 · #D1949B · #C2BDA7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#7D535F

Dark Violet · DimGray · Camellia

HEX
#7D535F
RGB
rgb(125, 83, 95)
HSL
hsl(343, 20%, 41%)
HSB
hsb(343, 34%, 49%)
CMYK
cmyk(0%, 34%, 24%, 51%)
Oklch
oklch(49.2% 0.058 0.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#F7E9CC

Goose Yellow · Bisque · Lemon Cream

HEX
#F7E9CC
RGB
rgb(247, 233, 204)
HSL
hsl(40, 73%, 88%)
HSB
hsb(40, 17%, 97%)
CMYK
cmyk(0%, 6%, 17%, 3%)
Oklch
oklch(93.8% 0.041 85.3)

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

#332022

Crimson · DarkSlateGray · Deep Berry

HEX
#332022
RGB
rgb(51, 32, 34)
HSL
hsl(354, 23%, 16%)
HSB
hsb(354, 37%, 20%)
CMYK
cmyk(0%, 37%, 33%, 80%)
Oklch
oklch(26.8% 0.030 12.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#D1949B

Peach Pink · Tan · Coral Red

HEX
#D1949B
RGB
rgb(209, 148, 155)
HSL
hsl(353, 40%, 70%)
HSB
hsb(353, 29%, 82%)
CMYK
cmyk(0%, 29%, 26%, 18%)
Oklch
oklch(72.8% 0.074 11.5)

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

#C2BDA7

Goose Yellow · Silver · Sunflower

HEX
#C2BDA7
RGB
rgb(194, 189, 167)
HSL
hsl(49, 18%, 71%)
HSB
hsb(49, 14%, 76%)
CMYK
cmyk(0%, 3%, 14%, 24%)
Oklch
oklch(79.6% 0.031 96.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D535F
547D72

Analogous

7D5474
7D535F
7D5D54

Triadic

7D535F
5F7D54
545F7D

Split-Comp.

7D535F
547D5D
54747D

Tetradic

7D535F
747D54
547D72
5D547D

Contrast Matrix WCAG 2.1 Contrast

7D535F
F7E9CC
332022
D1949B
C2BDA7
—
5.3
AA
2.4
Fail
2.6
Fail
3.4
AA Large
5.3
AA
—
12.8
AAA
2.1
Fail
1.6
Fail
2.4
Fail
12.8
AAA
—
6.1
AA
8.1
AAA
2.6
Fail
2.1
Fail
6.1
AA
—
1.3
Fail
3.4
AA Large
1.6
Fail
8.1
AAA
1.3
Fail
—
White BG
6.4AA
1.2Fail
15.3AAA
2.5Fail
1.9Fail
Black BG
3.3AA Large
17.5AAA
1.4Fail
8.4AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6A5C
F1F1D3
2B2B22
B7B699
C0C0AC

Deuteranopia

6D705B
F2F3D5
2C2D21
BABF99
C0C0AE

Tritanopia

7B5A59
F6D9DA
322121
CE9898
C2B1B1

Achromatopsia

616161
EAEAEA
262626
A7A7A7
BCBCBC

Shades & Tints Shades & Tints

#7D535F

Dark
Light

#F7E9CC

Dark
Light

#332022

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d535f;
  --color-2: #f7e9cc;
  --color-3: #332022;
  --color-4: #d1949b;
  --color-5: #c2bda7;
}

SCSS

$color-1: #7d535f;
$color-2: #f7e9cc;
$color-3: #332022;
$color-4: #d1949b;
$color-5: #c2bda7;

TAILWIND

colors: {
  'brand-1': '#7d535f',
  'brand-2': '#f7e9cc',
  'brand-3': '#332022',
  'brand-4': '#d1949b',
  'brand-5': '#c2bda7',
}

RGB Array

[125, 83, 95], [247, 233, 204], [51, 32, 34], [209, 148, 155], [194, 189, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D535F, #F7E9CC, #332022, #D1949B, #C2BDA7 is ideal for: 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: #7d535f; --color-2: #f7e9cc; --color-3: #332022; --color-4: #d1949b; --color-5: #c2bda7. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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