← Back to Editor

#B69E78 · #938071 · #BAA298 · #EFE2CF · #C8D5CB

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

WorkspaceReading

Color Details Color Details

#B69E78

Ginger · Tan · Warm Sun

HEX
#B69E78
RGB
rgb(182, 158, 120)
HSL
hsl(37, 30%, 59%)
HSB
hsb(37, 34%, 71%)
CMYK
cmyk(0%, 13%, 34%, 29%)
Oklch
oklch(71.1% 0.059 79.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#938071

Tangerine · Gray · Warm Sun

HEX
#938071
RGB
rgb(147, 128, 113)
HSL
hsl(26, 14%, 51%)
HSB
hsb(26, 23%, 58%)
CMYK
cmyk(0%, 13%, 23%, 42%)
Oklch
oklch(61.3% 0.032 60.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#BAA298

Apricot · DarkGray · Warm Sun

HEX
#BAA298
RGB
rgb(186, 162, 152)
HSL
hsl(18, 20%, 66%)
HSB
hsb(18, 18%, 73%)
CMYK
cmyk(0%, 13%, 18%, 27%)
Oklch
oklch(73.0% 0.032 44.0)

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

#EFE2CF

Goose Yellow · Bisque · Peach Orange

HEX
#EFE2CF
RGB
rgb(239, 226, 207)
HSL
hsl(36, 50%, 87%)
HSB
hsb(36, 13%, 94%)
CMYK
cmyk(0%, 5%, 13%, 6%)
Oklch
oklch(91.8% 0.029 77.5)

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

#C8D5CB

Celadon · LightGray · Mint Green

HEX
#C8D5CB
RGB
rgb(200, 213, 203)
HSL
hsl(134, 13%, 81%)
HSB
hsb(134, 6%, 84%)
CMYK
cmyk(6%, 0%, 5%, 16%)
Oklch
oklch(86.0% 0.020 152.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B69E78
778FB6

Analogous

B67E77
B69E78
AEB677

Triadic

B69E78
77B69E
9E77B6

Split-Comp.

B69E78
77AEB6
7E77B6

Tetradic

B69E78
77B67E
778FB6
B677AE

Contrast Matrix WCAG 2.1 Contrast

B69E78
938071
BAA298
EFE2CF
C8D5CB
—
1.5
Fail
1.1
Fail
2.0
Fail
1.7
Fail
1.5
Fail
—
1.6
Fail
3.0
Fail
2.5
Fail
1.1
Fail
1.6
Fail
—
1.9
Fail
1.6
Fail
2.0
Fail
3.0
Fail
1.9
Fail
—
1.2
Fail
1.7
Fail
2.5
Fail
1.6
Fail
1.2
Fail
—
White BG
2.6Fail
3.8AA Large
2.4Fail
1.3Fail
1.5Fail
Black BG
8.2AAA
5.6AA
8.7AAA
16.4AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB81
8B8B75
B0AF9A
E9E9D4
CECECD

Deuteranopia

ADAF83
8C8D76
B1B39B
EAEBD5
CDCCCE

Tritanopia

B5888A
927778
B99C9D
EED7D8
C9CFD0

Achromatopsia

A1A1A1
848484
A8A8A8
E4E4E4
D0D0D0

Shades & Tints Shades & Tints

#B69E78

Dark
Light

#938071

Dark
Light

#BAA298

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b69e78;
  --color-2: #938071;
  --color-3: #baa298;
  --color-4: #efe2cf;
  --color-5: #c8d5cb;
}

SCSS

$color-1: #b69e78;
$color-2: #938071;
$color-3: #baa298;
$color-4: #efe2cf;
$color-5: #c8d5cb;

TAILWIND

colors: {
  'brand-1': '#b69e78',
  'brand-2': '#938071',
  'brand-3': '#baa298',
  'brand-4': '#efe2cf',
  'brand-5': '#c8d5cb',
}

RGB Array

[182, 158, 120], [147, 128, 113], [186, 162, 152], [239, 226, 207], [200, 213, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B69E78, #938071, #BAA298, #EFE2CF, #C8D5CB is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #b69e78; --color-2: #938071; --color-3: #baa298; --color-4: #efe2cf; --color-5: #c8d5cb. 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. 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 beauty, lifestyle, arts 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