← Back to Editor

#967862 · #705B4C · #E697AA · #FFCFDA · #EBEDB9

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

#967862

Tangerine · Gray · Amber Brown

HEX
#967862
RGB
rgb(150, 120, 98)
HSL
hsl(25, 21%, 49%)
HSB
hsb(25, 35%, 59%)
CMYK
cmyk(0%, 20%, 35%, 41%)
Oklch
oklch(59.6% 0.049 57.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#705B4C

Tangerine · DimGray · Amber Brown

HEX
#705B4C
RGB
rgb(112, 91, 76)
HSL
hsl(25, 19%, 37%)
HSB
hsb(25, 32%, 44%)
CMYK
cmyk(0%, 19%, 32%, 56%)
Oklch
oklch(48.8% 0.036 57.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#E697AA

Peach Pink · LightPink · Coral Red

HEX
#E697AA
RGB
rgb(230, 151, 170)
HSL
hsl(346, 61%, 75%)
HSB
hsb(346, 34%, 90%)
CMYK
cmyk(0%, 34%, 26%, 10%)
Oklch
oklch(76.0% 0.097 4.0)

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

#FFCFDA

Peach Pink · Pink · Cherry Blossom

HEX
#FFCFDA
RGB
rgb(255, 207, 218)
HSL
hsl(346, 100%, 91%)
HSB
hsb(346, 19%, 100%)
CMYK
cmyk(0%, 19%, 15%, 0%)
Oklch
oklch(89.9% 0.056 2.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#EBEDB9

Fresh Green · Wheat · Lemon Cream

HEX
#EBEDB9
RGB
rgb(235, 237, 185)
HSL
hsl(62, 59%, 83%)
HSB
hsb(62, 22%, 93%)
CMYK
cmyk(1%, 0%, 22%, 7%)
Oklch
oklch(93.2% 0.068 109.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

967862
638197

Analogous

976367
967862
979363

Triadic

967862
639779
796397

Split-Comp.

967862
639793
636797

Tetradic

967862
679763
638197
936397

Contrast Matrix WCAG 2.1 Contrast

967862
705B4C
E697AA
FFCFDA
EBEDB9
—
1.6
Fail
1.8
Fail
2.9
Fail
3.4
AA Large
1.6
Fail
—
2.8
Fail
4.6
AA
5.3
AA
1.8
Fail
2.8
Fail
—
1.6
Fail
1.9
Fail
2.9
Fail
4.6
AA
1.6
Fail
—
1.1
Fail
3.4
AA Large
5.3
AA
1.9
Fail
1.1
Fail
—
White BG
4.1AA Large
6.4AA
2.2Fail
1.4Fail
1.2Fail
Black BG
5.2AA
3.3AA Large
9.4AAA
15.2AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

898967
676750
C4C3A5
EAEAD7
ECECC6

Deuteranopia

8B8D69
686A51
C8CEA4
EDF1D7
ECECC9

Tritanopia

956C6C
6F5253
E2A2A1
FDD5D5
EBD0D2

Achromatopsia

7E7E7E
606060
B1B1B1
DFDFDF
E6E6E6

Shades & Tints Shades & Tints

#967862

Dark
Light

#705B4C

Dark
Light

#E697AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #967862;
  --color-2: #705b4c;
  --color-3: #e697aa;
  --color-4: #ffcfda;
  --color-5: #ebedb9;
}

SCSS

$color-1: #967862;
$color-2: #705b4c;
$color-3: #e697aa;
$color-4: #ffcfda;
$color-5: #ebedb9;

TAILWIND

colors: {
  'brand-1': '#967862',
  'brand-2': '#705b4c',
  'brand-3': '#e697aa',
  'brand-4': '#ffcfda',
  'brand-5': '#ebedb9',
}

RGB Array

[150, 120, 98], [112, 91, 76], [230, 151, 170], [255, 207, 218], [235, 237, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #967862, #705B4C, #E697AA, #FFCFDA, #EBEDB9 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: #967862; --color-2: #705b4c; --color-3: #e697aa; --color-4: #ffcfda; --color-5: #ebedb9. 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