← Back to Editor

#7F6675 · #B28380 · #CDA596 · #E2CAB6 · #F0EED4

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

#7F6675

Rose Purple · DimGray · Camellia

HEX
#7F6675
RGB
rgb(127, 102, 117)
HSL
hsl(324, 11%, 45%)
HSB
hsb(324, 20%, 50%)
CMYK
cmyk(0%, 20%, 8%, 50%)
Oklch
oklch(54.0% 0.039 341.8)

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

#B28380

Crimson · Gray · Passion Red

HEX
#B28380
RGB
rgb(178, 131, 128)
HSL
hsl(4, 25%, 60%)
HSB
hsb(4, 28%, 70%)
CMYK
cmyk(0%, 26%, 28%, 30%)
Oklch
oklch(65.5% 0.059 22.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#CDA596

Apricot · Tan · Warm Sun

HEX
#CDA596
RGB
rgb(205, 165, 150)
HSL
hsl(16, 35%, 70%)
HSB
hsb(16, 27%, 80%)
CMYK
cmyk(0%, 20%, 27%, 20%)
Oklch
oklch(75.4% 0.052 41.6)

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

#E2CAB6

Apricot · Wheat · Peach Orange

HEX
#E2CAB6
RGB
rgb(226, 202, 182)
HSL
hsl(27, 43%, 80%)
HSB
hsb(27, 19%, 89%)
CMYK
cmyk(0%, 11%, 19%, 11%)
Oklch
oklch(85.4% 0.038 62.1)

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

#F0EED4

Fresh Green · Beige · Lemon Cream

HEX
#F0EED4
RGB
rgb(240, 238, 212)
HSL
hsl(56, 48%, 89%)
HSB
hsb(56, 12%, 94%)
CMYK
cmyk(0%, 1%, 12%, 6%)
Oklch
oklch(94.4% 0.034 103.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7F6675
667F70

Analogous

7D667F
7F6675
7F6669

Triadic

7F6675
757F66
66757F

Split-Comp.

7F6675
697F66
667F7D

Tetradic

7F6675
7F7D66
667F70
66697F

Contrast Matrix WCAG 2.1 Contrast

7F6675
B28380
CDA596
E2CAB6
F0EED4
—
1.6
Fail
2.3
Fail
3.3
AA Large
4.4
AA Large
1.6
Fail
—
1.5
Fail
2.1
Fail
2.8
Fail
2.3
Fail
1.5
Fail
—
1.4
Fail
1.9
Fail
3.3
AA Large
2.1
Fail
1.4
Fail
—
1.3
Fail
4.4
AA Large
2.8
Fail
1.9
Fail
1.3
Fail
—
White BG
5.2AA
3.3AA Large
2.2Fail
1.6Fail
1.2Fail
Black BG
4.1AA Large
6.5AA
9.4AAA
13.4AAA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

747471
9E9D81
BCBB9A
D8D7BB
EFEFDA

Deuteranopia

767770
A0A481
BEC19B
D9DBBC
EFEFDC

Tritanopia

7E6F6E
B08181
CB9C9D
E1BFC0
F0DFE0

Achromatopsia

6F6F6F
919191
AFAFAF
CFCFCF
ECECEC

Shades & Tints Shades & Tints

#7F6675

Dark
Light

#B28380

Dark
Light

#CDA596

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7f6675;
  --color-2: #b28380;
  --color-3: #cda596;
  --color-4: #e2cab6;
  --color-5: #f0eed4;
}

SCSS

$color-1: #7f6675;
$color-2: #b28380;
$color-3: #cda596;
$color-4: #e2cab6;
$color-5: #f0eed4;

TAILWIND

colors: {
  'brand-1': '#7f6675',
  'brand-2': '#b28380',
  'brand-3': '#cda596',
  'brand-4': '#e2cab6',
  'brand-5': '#f0eed4',
}

RGB Array

[127, 102, 117], [178, 131, 128], [205, 165, 150], [226, 202, 182], [240, 238, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7F6675, #B28380, #CDA596, #E2CAB6, #F0EED4 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: #7f6675; --color-2: #b28380; --color-3: #cda596; --color-4: #e2cab6; --color-5: #f0eed4. 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