← Back to Editor

#788269 · #B5CABC · #729F9A · #516E69 · #263232

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#788269

Grass Green · Gray · Olive Green

HEX
#788269
RGB
rgb(120, 130, 105)
HSL
hsl(84, 11%, 46%)
HSB
hsb(84, 19%, 51%)
CMYK
cmyk(8%, 0%, 19%, 49%)
Oklch
oklch(59.1% 0.039 125.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#B5CABC

Celadon · Silver · Apple Green

HEX
#B5CABC
RGB
rgb(181, 202, 188)
HSL
hsl(140, 17%, 75%)
HSB
hsb(140, 10%, 79%)
CMYK
cmyk(10%, 0%, 7%, 21%)
Oklch
oklch(81.9% 0.030 156.5)

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

#729F9A

Mineral Blue · CadetBlue · Lake Green

HEX
#729F9A
RGB
rgb(114, 159, 154)
HSL
hsl(173, 19%, 54%)
HSB
hsb(173, 28%, 62%)
CMYK
cmyk(28%, 0%, 3%, 38%)
Oklch
oklch(66.9% 0.049 187.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#516E69

Mineral Blue · DimGray · Mint Ice

HEX
#516E69
RGB
rgb(81, 110, 105)
HSL
hsl(170, 15%, 37%)
HSB
hsb(170, 26%, 43%)
CMYK
cmyk(26%, 0%, 5%, 57%)
Oklch
oklch(51.4% 0.035 183.1)

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

#263232

Slate Blue · DarkSlateGray · Peacock Green

HEX
#263232
RGB
rgb(38, 50, 50)
HSL
hsl(180, 14%, 17%)
HSB
hsb(180, 24%, 20%)
CMYK
cmyk(24%, 0%, 0%, 80%)
Oklch
oklch(30.6% 0.016 196.3)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

788269
736882

Analogous

828068
788269
6B8268

Triadic

788269
687882
826878

Split-Comp.

788269
686B82
806882

Tetradic

788269
688280
736882
82686B

Contrast Matrix WCAG 2.1 Contrast

788269
B5CABC
729F9A
516E69
263232
—
2.3
Fail
1.4
Fail
1.4
Fail
3.3
AA Large
2.3
Fail
—
1.7
Fail
3.2
AA Large
7.7
AAA
1.4
Fail
1.7
Fail
—
1.9
Fail
4.5
AA
1.4
Fail
3.2
AA Large
1.9
Fail
—
2.4
Fail
3.3
AA Large
7.7
AAA
4.5
AA
2.4
Fail
—
White BG
4.0AA Large
1.7Fail
2.9Fail
5.5AA
13.3AAA
Black BG
5.2AA
12.1AAA
7.1AAA
3.8AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7C6F
BEBEBF
85869B
5E5E6A
2B2B32

Deuteranopia

7C7B71
BDBBC0
83809C
5C5A6B
2B2A32

Tritanopia

797475
B6C2C3
749C9C
526B6B
273232

Achromatopsia

7C7C7C
C2C2C2
919191
656565
2E2E2E

Shades & Tints Shades & Tints

#788269

Dark
Light

#B5CABC

Dark
Light

#729F9A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #788269;
  --color-2: #b5cabc;
  --color-3: #729f9a;
  --color-4: #516e69;
  --color-5: #263232;
}

SCSS

$color-1: #788269;
$color-2: #b5cabc;
$color-3: #729f9a;
$color-4: #516e69;
$color-5: #263232;

TAILWIND

colors: {
  'brand-1': '#788269',
  'brand-2': '#b5cabc',
  'brand-3': '#729f9a',
  'brand-4': '#516e69',
  'brand-5': '#263232',
}

RGB Array

[120, 130, 105], [181, 202, 188], [114, 159, 154], [81, 110, 105], [38, 50, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #788269, #B5CABC, #729F9A, #516E69, #263232 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #788269; --color-2: #b5cabc; --color-3: #729f9a; --color-4: #516e69; --color-5: #263232. 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. 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. 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