#6D6A58 + #30CFA7 + #73E1A7 + #AAE9CE + #B6AF9B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6D6A58

Autumn Sage · DimGray · Honey Gold

HEX

#6D6A58

RGB

rgb(109, 106, 88)

HSL

hsl(51, 11%, 39%)

HSB

hsb(51, 19%, 43%)

CMYK

cmyk(0%, 3%, 19%, 57%)

Oklch

oklch(52.2% 0.027 99.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#30CFA7

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#30CFA7

RGB

rgb(48, 207, 167)

HSL

hsl(165, 62%, 50%)

HSB

hsb(165, 77%, 81%)

CMYK

cmyk(77%, 0%, 19%, 19%)

Oklch

oklch(76.6% 0.140 171.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#73E1A7

Emerald · MediumAquaMarine · Apple Green

HEX

#73E1A7

RGB

rgb(115, 225, 167)

HSL

hsl(148, 65%, 67%)

HSB

hsb(148, 49%, 88%)

CMYK

cmyk(49%, 0%, 26%, 12%)

Oklch

oklch(82.9% 0.132 158.6)

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

#AAE9CE

Jade · LightBlue · Apple Green

HEX

#AAE9CE

RGB

rgb(170, 233, 206)

HSL

hsl(154, 59%, 79%)

HSB

hsb(154, 27%, 91%)

CMYK

cmyk(27%, 0%, 12%, 9%)

Oklch

oklch(88.4% 0.074 166.4)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#B6AF9B

Ginger · DarkGray · Sunflower

HEX

#B6AF9B

RGB

rgb(182, 175, 155)

HSL

hsl(44, 16%, 66%)

HSB

hsb(44, 15%, 71%)

CMYK

cmyk(0%, 4%, 15%, 29%)

Oklch

oklch(75.4% 0.029 91.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D6A58

595C6E

Analogous

6E6059

6D6A58

676E59

Triadic

6D6A58

596E6B

6B596E

Split-Comp.

6D6A58

59676E

60596E

Tetradic

6D6A58

596E60

595C6E

6E5967

Contrast Matrix WCAG 2.1 Contrast

6D6A58	30CFA7	73E1A7	AAE9CE	B6AF9B
—	2.8 Fail	3.4 AA Large	4.0 AA Large	2.5 Fail
2.8 Fail	—	1.2 Fail	1.4 Fail	1.1 Fail
3.4 AA Large	1.2 Fail	—	1.2 Fail	1.4 Fail
4.0 AA Large	1.4 Fail	1.2 Fail	—	1.6 Fail
2.5 Fail	1.1 Fail	1.4 Fail	1.6 Fail	—

White BG

5.5AA

2.0Fail

1.6Fail

1.4Fail

2.2Fail

Black BG

3.9AA Large

10.6AAA

13.1AAA

15.3AAA

9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C5C

7576B1

A3A4B5

C5C6D5

B3B3A0

Deuteranopia

6C6C5D

6C60B3

9C94B8

C2BDD6

B3B4A1

Tritanopia

6D6061

38B8BA

79C0C3

ADDADB

B6A4A5

Achromatopsia

696969

9B9B9B

B9B9B9

D3D3D3

AFAFAF

Shades & Tints Shades & Tints

#6D6A58

Dark

Light

#30CFA7

Dark

Light

#73E1A7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d6a58;
  --color-2: #30cfa7;
  --color-3: #73e1a7;
  --color-4: #aae9ce;
  --color-5: #b6af9b;
}

SCSS

$color-1: #6d6a58;
$color-2: #30cfa7;
$color-3: #73e1a7;
$color-4: #aae9ce;
$color-5: #b6af9b;

TAILWIND

colors: {
  'brand-1': '#6d6a58',
  'brand-2': '#30cfa7',
  'brand-3': '#73e1a7',
  'brand-4': '#aae9ce',
  'brand-5': '#b6af9b',
}

RGB Array

[109, 106, 88], [48, 207, 167], [115, 225, 167], [170, 233, 206], [182, 175, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D6A58, #30CFA7, #73E1A7, #AAE9CE, #B6AF9B 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: #6d6a58; --color-2: #30cfa7; --color-3: #73e1a7; --color-4: #aae9ce; --color-5: #b6af9b. 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