← Back to Editor

#8A8263 · #60B4A3 · #35E6E3 · #B8E6CF · #DAEDD5

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#8A8263

Ochre · Gray · Honey Gold

HEX
#8A8263
RGB
rgb(138, 130, 99)
HSL
hsl(48, 16%, 46%)
HSB
hsb(48, 28%, 54%)
CMYK
cmyk(0%, 6%, 28%, 46%)
Oklch
oklch(60.5% 0.045 95.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#60B4A3

Mineral Blue · CadetBlue · Lake Green

HEX
#60B4A3
RGB
rgb(96, 180, 163)
HSL
hsl(168, 36%, 54%)
HSB
hsb(168, 47%, 71%)
CMYK
cmyk(47%, 0%, 9%, 29%)
Oklch
oklch(71.2% 0.086 179.0)

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

#35E6E3

Mineral Blue · Turquoise · Lake Green

HEX
#35E6E3
RGB
rgb(53, 230, 227)
HSL
hsl(179, 78%, 55%)
HSB
hsb(179, 77%, 90%)
CMYK
cmyk(77%, 0%, 1%, 10%)
Oklch
oklch(84.1% 0.135 193.1)

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

#B8E6CF

Jade · LightBlue · Mint Green

HEX
#B8E6CF
RGB
rgb(184, 230, 207)
HSL
hsl(150, 48%, 81%)
HSB
hsb(150, 20%, 90%)
CMYK
cmyk(20%, 0%, 10%, 10%)
Oklch
oklch(88.6% 0.057 163.3)

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

#DAEDD5

Celadon · LightGray · Mint Green

HEX
#DAEDD5
RGB
rgb(218, 237, 213)
HSL
hsl(108, 40%, 88%)
HSB
hsb(108, 10%, 93%)
CMYK
cmyk(8%, 0%, 10%, 7%)
Oklch
oklch(92.6% 0.038 139.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A8263
636A88

Analogous

886E63
8A8263
7D8863

Triadic

8A8263
638881
816388

Split-Comp.

8A8263
637D88
6E6388

Tetradic

8A8263
63886E
636A88
88637D

Contrast Matrix WCAG 2.1 Contrast

8A8263
60B4A3
35E6E3
B8E6CF
DAEDD5
—
1.6
Fail
2.5
Fail
2.8
Fail
3.1
AA Large
1.6
Fail
—
1.6
Fail
1.8
Fail
2.0
Fail
2.5
Fail
1.6
Fail
—
1.1
Fail
1.3
Fail
2.8
Fail
1.8
Fail
1.1
Fail
—
1.1
Fail
3.1
AA Large
2.0
Fail
1.3
Fail
1.1
Fail
—
White BG
3.9AA Large
2.5Fail
1.5Fail
1.4Fail
1.2Fail
Black BG
5.5AA
8.6AAA
13.6AAA
15.3AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

87866B
8485A7
8283E4
CCCCD5
E2E2DB

Deuteranopia

87886C
8079A8
776AE4
C9C6D6
E1E0DC

Tritanopia

8A7072
64AAAB
3EE4E4
BAD9DA
DBDFE0

Achromatopsia

818181
999999
B1B1B1
D6D6D6
E5E5E5

Shades & Tints Shades & Tints

#8A8263

Dark
Light

#60B4A3

Dark
Light

#35E6E3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a8263;
  --color-2: #60b4a3;
  --color-3: #35e6e3;
  --color-4: #b8e6cf;
  --color-5: #daedd5;
}

SCSS

$color-1: #8a8263;
$color-2: #60b4a3;
$color-3: #35e6e3;
$color-4: #b8e6cf;
$color-5: #daedd5;

TAILWIND

colors: {
  'brand-1': '#8a8263',
  'brand-2': '#60b4a3',
  'brand-3': '#35e6e3',
  'brand-4': '#b8e6cf',
  'brand-5': '#daedd5',
}

RGB Array

[138, 130, 99], [96, 180, 163], [53, 230, 227], [184, 230, 207], [218, 237, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #8A8263, #60B4A3, #35E6E3, #B8E6CF, #DAEDD5 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #8a8263; --color-2: #60b4a3; --color-3: #35e6e3; --color-4: #b8e6cf; --color-5: #daedd5. 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 warm-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