← Back to Editor

#68948B · #81B3A6 · #D8D8C0 · #C0C090 · #A8A878

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#68948B

Mineral Blue · SlateGray · Mint Ice

HEX
#68948B
RGB
rgb(104, 148, 139)
HSL
hsl(168, 17%, 49%)
HSB
hsb(168, 30%, 58%)
CMYK
cmyk(30%, 0%, 6%, 42%)
Oklch
oklch(63.2% 0.050 180.5)

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

#81B3A6

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#81B3A6
RGB
rgb(129, 179, 166)
HSL
hsl(164, 25%, 60%)
HSB
hsb(164, 28%, 70%)
CMYK
cmyk(28%, 0%, 7%, 30%)
Oklch
oklch(72.8% 0.056 176.8)

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

#D8D8C0

Fresh Green · LightGray · Lemon Cream

HEX
#D8D8C0
RGB
rgb(216, 216, 192)
HSL
hsl(60, 24%, 80%)
HSB
hsb(60, 11%, 85%)
CMYK
cmyk(0%, 0%, 11%, 15%)
Oklch
oklch(87.6% 0.032 107.0)

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

#C0C090

Fresh Green · Tan · Sunflower

HEX
#C0C090
RGB
rgb(192, 192, 144)
HSL
hsl(60, 28%, 66%)
HSB
hsb(60, 25%, 75%)
CMYK
cmyk(0%, 0%, 25%, 25%)
Oklch
oklch(79.6% 0.064 107.8)

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

#A8A878

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A8A878
RGB
rgb(168, 168, 120)
HSL
hsl(60, 22%, 56%)
HSB
hsb(60, 29%, 66%)
CMYK
cmyk(0%, 0%, 29%, 34%)
Oklch
oklch(72.0% 0.066 107.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

68948B
926870

Analogous

689274
68948B
688592

Triadic

68948B
8A6892
928A68

Split-Comp.

68948B
926885
927468

Tetradic

68948B
746892
926870
859268

Contrast Matrix WCAG 2.1 Contrast

68948B
81B3A6
D8D8C0
C0C090
A8A878
—
1.4
Fail
2.3
Fail
1.8
Fail
1.4
Fail
1.4
Fail
—
1.6
Fail
1.3
Fail
1.0
Fail
2.3
Fail
1.6
Fail
—
1.3
Fail
1.7
Fail
1.8
Fail
1.3
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.0
Fail
1.7
Fail
1.3
Fail
—
White BG
3.4AA Large
2.4Fail
1.4Fail
1.9Fail
2.5Fail
Black BG
6.2AA
8.9AAA
14.5AAA
11.2AAA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7B8D
9797A9
D8D8C6
C0C09C
A8A884

Deuteranopia

79758E
9490AA
D8D8C7
C0C09E
A8A886

Tritanopia

6A8F8F
84ACAC
D8CACB
C0A5A7
A88D8F

Achromatopsia

868686
A3A3A3
D5D5D5
BBBBBB
A3A3A3

Shades & Tints Shades & Tints

#68948B

Dark
Light

#81B3A6

Dark
Light

#D8D8C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #68948b;
  --color-2: #81b3a6;
  --color-3: #d8d8c0;
  --color-4: #c0c090;
  --color-5: #a8a878;
}

SCSS

$color-1: #68948b;
$color-2: #81b3a6;
$color-3: #d8d8c0;
$color-4: #c0c090;
$color-5: #a8a878;

TAILWIND

colors: {
  'brand-1': '#68948b',
  'brand-2': '#81b3a6',
  'brand-3': '#d8d8c0',
  'brand-4': '#c0c090',
  'brand-5': '#a8a878',
}

RGB Array

[104, 148, 139], [129, 179, 166], [216, 216, 192], [192, 192, 144], [168, 168, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #68948B, #81B3A6, #D8D8C0, #C0C090, #A8A878 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #68948b; --color-2: #81b3a6; --color-3: #d8d8c0; --color-4: #c0c090; --color-5: #a8a878. 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 cool-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