← Back to Editor

#706F61 · #967066 · #C97876 · #EB7E79 · #FF6D60

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 Library

Color Details Color Details

#706F61

Ink Gray · DimGray · Warm Gray

HEX
#706F61
RGB
rgb(112, 111, 97)
HSL
hsl(56, 7%, 41%)
HSB
hsb(56, 13%, 44%)
CMYK
cmyk(0%, 1%, 13%, 56%)
Oklch
oklch(53.8% 0.021 103.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#967066

Crimson · Gray · Passion Red

HEX
#967066
RGB
rgb(150, 112, 102)
HSL
hsl(12, 19%, 49%)
HSB
hsb(12, 32%, 59%)
CMYK
cmyk(0%, 25%, 32%, 41%)
Oklch
oklch(58.0% 0.051 35.2)

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

#C97876

Peach Pink · LightCoral · Coral Red

HEX
#C97876
RGB
rgb(201, 120, 118)
HSL
hsl(1, 43%, 63%)
HSB
hsb(1, 41%, 79%)
CMYK
cmyk(0%, 40%, 41%, 21%)
Oklch
oklch(66.0% 0.102 21.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#EB7E79

Peach Pink · LightCoral · Coral Red

HEX
#EB7E79
RGB
rgb(235, 126, 121)
HSL
hsl(3, 74%, 70%)
HSB
hsb(3, 49%, 92%)
CMYK
cmyk(0%, 46%, 49%, 8%)
Oklch
oklch(71.4% 0.135 23.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF6D60

Peach Pink · Coral · Coral Red

HEX
#FF6D60
RGB
rgb(255, 109, 96)
HSL
hsl(5, 100%, 69%)
HSB
hsb(5, 62%, 100%)
CMYK
cmyk(0%, 57%, 62%, 0%)
Oklch
oklch(71.2% 0.181 27.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

706F61
616270

Analogous

706861
706F61
6A7061

Triadic

706F61
61706F
6F6170

Split-Comp.

706F61
616A70
686170

Tetradic

706F61
617068
616270
70616A

Contrast Matrix WCAG 2.1 Contrast

706F61
967066
C97876
EB7E79
FF6D60
—
1.2
Fail
1.6
Fail
1.9
Fail
1.8
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
1.6
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.2
Fail
1.9
Fail
1.6
Fail
1.2
Fail
—
1.0
Fail
1.8
Fail
1.6
Fail
1.2
Fail
1.0
Fail
—
White BG
5.1AA
4.4AA Large
3.3AA Large
2.7Fail
2.8Fail
Black BG
4.1AA Large
4.8AA
6.4AA
7.8AAA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

707064
868568
A6A576
BCBB7A
C0BE63

Deuteranopia

707065
888B69
ABB177
C2CA7A
C8D364

Tritanopia

706768
946A6B
C57777
E67B7B
F86666

Achromatopsia

6E6E6E
7A7A7A
909090
9E9E9E
979797

Shades & Tints Shades & Tints

#706F61

Dark
Light

#967066

Dark
Light

#C97876

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #706f61;
  --color-2: #967066;
  --color-3: #c97876;
  --color-4: #eb7e79;
  --color-5: #ff6d60;
}

SCSS

$color-1: #706f61;
$color-2: #967066;
$color-3: #c97876;
$color-4: #eb7e79;
$color-5: #ff6d60;

TAILWIND

colors: {
  'brand-1': '#706f61',
  'brand-2': '#967066',
  'brand-3': '#c97876',
  'brand-4': '#eb7e79',
  'brand-5': '#ff6d60',
}

RGB Array

[112, 111, 97], [150, 112, 102], [201, 120, 118], [235, 126, 121], [255, 109, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #706F61, #967066, #C97876, #EB7E79, #FF6D60 is ideal for: corporate websites, product showcases, portfolios. 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: #706f61; --color-2: #967066; --color-3: #c97876; --color-4: #eb7e79; --color-5: #ff6d60. 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 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