← Back to Editor

#7C656B · #937B79 · #B6A474 · #C2B48D · #D1C8A9

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#7C656B

Dark Violet · DimGray · Camellia

HEX
#7C656B
RGB
rgb(124, 101, 107)
HSL
hsl(344, 10%, 44%)
HSB
hsb(344, 19%, 49%)
CMYK
cmyk(0%, 19%, 14%, 51%)
Oklch
oklch(53.1% 0.031 0.8)

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

#937B79

Crimson · Gray · Passion Red

HEX
#937B79
RGB
rgb(147, 123, 121)
HSL
hsl(5, 11%, 53%)
HSB
hsb(5, 18%, 58%)
CMYK
cmyk(0%, 16%, 18%, 42%)
Oklch
oklch(60.5% 0.030 23.6)

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

#B6A474

Ginger · Tan · Sunflower

HEX
#B6A474
RGB
rgb(182, 164, 116)
HSL
hsl(44, 31%, 58%)
HSB
hsb(44, 36%, 71%)
CMYK
cmyk(0%, 10%, 36%, 29%)
Oklch
oklch(72.3% 0.068 89.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#C2B48D

Ginger · Tan · Sunflower

HEX
#C2B48D
RGB
rgb(194, 180, 141)
HSL
hsl(44, 30%, 66%)
HSB
hsb(44, 27%, 76%)
CMYK
cmyk(0%, 7%, 27%, 24%)
Oklch
oklch(77.2% 0.055 90.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D1C8A9

Goose Yellow · Silver · Sunflower

HEX
#D1C8A9
RGB
rgb(209, 200, 169)
HSL
hsl(47, 30%, 74%)
HSB
hsb(47, 19%, 82%)
CMYK
cmyk(0%, 4%, 19%, 18%)
Oklch
oklch(83.2% 0.043 93.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7C656B
657B75

Analogous

7B6576
7C656B
7B6A65

Triadic

7C656B
6B7B65
656B7B

Split-Comp.

7C656B
657B6A
65767B

Tetradic

7C656B
767B65
657B75
6A657B

Contrast Matrix WCAG 2.1 Contrast

7C656B
937B79
B6A474
C2B48D
D1C8A9
—
1.4
Fail
2.2
Fail
2.6
Fail
3.2
AA Large
1.4
Fail
—
1.6
Fail
1.9
Fail
2.3
Fail
2.2
Fail
1.6
Fail
—
1.2
Fail
1.5
Fail
2.6
Fail
1.9
Fail
1.2
Fail
—
1.2
Fail
3.2
AA Large
2.3
Fail
1.5
Fail
1.2
Fail
—
White BG
5.3AA
3.9AA Large
2.5Fail
2.1Fail
1.7Fail
Black BG
3.9AA Large
5.3AA
8.6AAA
10.2AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

72726A
898879
AEAE80
BCBC96
CDCDB1

Deuteranopia

737569
8A8C7A
AFB182
BDBE99
CECEB2

Tritanopia

7B6868
927A7A
B5898B
C19EA0
D1B6B8

Achromatopsia

6D6D6D
828282
A4A4A4
B4B4B4
C7C7C7

Shades & Tints Shades & Tints

#7C656B

Dark
Light

#937B79

Dark
Light

#B6A474

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7c656b;
  --color-2: #937b79;
  --color-3: #b6a474;
  --color-4: #c2b48d;
  --color-5: #d1c8a9;
}

SCSS

$color-1: #7c656b;
$color-2: #937b79;
$color-3: #b6a474;
$color-4: #c2b48d;
$color-5: #d1c8a9;

TAILWIND

colors: {
  'brand-1': '#7c656b',
  'brand-2': '#937b79',
  'brand-3': '#b6a474',
  'brand-4': '#c2b48d',
  'brand-5': '#d1c8a9',
}

RGB Array

[124, 101, 107], [147, 123, 121], [182, 164, 116], [194, 180, 141], [209, 200, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #7C656B, #937B79, #B6A474, #C2B48D, #D1C8A9 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #7c656b; --color-2: #937b79; --color-3: #b6a474; --color-4: #c2b48d; --color-5: #d1c8a9. 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. 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 minimal-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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