← Back to Editor

#7DCE9E · #BAB86B · #DA9260 · #DC6767 · #925666

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

#7DCE9E

Celadon · MediumAquaMarine · Apple Green

HEX
#7DCE9E
RGB
rgb(125, 206, 158)
HSL
hsl(144, 45%, 65%)
HSB
hsb(144, 39%, 81%)
CMYK
cmyk(39%, 0%, 23%, 19%)
Oklch
oklch(78.6% 0.106 156.9)

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

#BAB86B

Autumn Sage · Tan · Sunflower

HEX
#BAB86B
RGB
rgb(186, 184, 107)
HSL
hsl(58, 36%, 57%)
HSB
hsb(58, 42%, 73%)
CMYK
cmyk(0%, 1%, 42%, 27%)
Oklch
oklch(76.7% 0.099 107.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DA9260

Apricot · DarkSalmon · Warm Sun

HEX
#DA9260
RGB
rgb(218, 146, 96)
HSL
hsl(25, 62%, 62%)
HSB
hsb(25, 56%, 85%)
CMYK
cmyk(0%, 33%, 56%, 15%)
Oklch
oklch(72.2% 0.109 54.8)

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

#DC6767

Peach Pink · Salmon · Coral Red

HEX
#DC6767
RGB
rgb(220, 103, 103)
HSL
hsl(0, 63%, 63%)
HSB
hsb(0, 53%, 86%)
CMYK
cmyk(0%, 53%, 53%, 14%)
Oklch
oklch(65.5% 0.147 22.0)

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

#925666

Dark Violet · DimGray · Camellia

HEX
#925666
RGB
rgb(146, 86, 102)
HSL
hsl(344, 26%, 45%)
HSB
hsb(344, 41%, 57%)
CMYK
cmyk(0%, 41%, 30%, 43%)
Oklch
oklch(52.6% 0.082 3.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7DCE9E
CE7EAE

Analogous

86CE7E
7DCE9E
7ECEC6

Triadic

7DCE9E
9E7ECE
CE9E7E

Split-Comp.

7DCE9E
C67ECE
CE7E86

Tetradic

7DCE9E
7E86CE
CE7EAE
CEC67E

Contrast Matrix WCAG 2.1 Contrast

7DCE9E
BAB86B
DA9260
DC6767
925666
—
1.1
Fail
1.4
Fail
1.8
Fail
3.0
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
2.7
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
2.2
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
1.6
Fail
3.0
Fail
2.7
Fail
2.2
Fail
1.6
Fail
—
White BG
1.9Fail
2.1Fail
2.5Fail
3.4AA Large
5.6AA
Black BG
11.2AAA
10.2AAA
8.3AAA
6.2AA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A1AA
B9B97E
BBBA6C
A9A867
787762

Deuteranopia

9B95AC
B9B982
BFC46F
B0B967
7C8061

Tritanopia

81B3B5
BA8C90
D67678
D66767
8F5F5E

Achromatopsia

B0B0B0
B0B0B0
A2A2A2
8A8A8A
6A6A6A

Shades & Tints Shades & Tints

#7DCE9E

Dark
Light

#BAB86B

Dark
Light

#DA9260

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7dce9e;
  --color-2: #bab86b;
  --color-3: #da9260;
  --color-4: #dc6767;
  --color-5: #925666;
}

SCSS

$color-1: #7dce9e;
$color-2: #bab86b;
$color-3: #da9260;
$color-4: #dc6767;
$color-5: #925666;

TAILWIND

colors: {
  'brand-1': '#7dce9e',
  'brand-2': '#bab86b',
  'brand-3': '#da9260',
  'brand-4': '#dc6767',
  'brand-5': '#925666',
}

RGB Array

[125, 206, 158], [186, 184, 107], [218, 146, 96], [220, 103, 103], [146, 86, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7DCE9E, #BAB86B, #DA9260, #DC6767, #925666 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: #7dce9e; --color-2: #bab86b; --color-3: #da9260; --color-4: #dc6767; --color-5: #925666. 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