← Back to Editor

#C97718 · #80813F · #008495 · #1D6A7C · #394F63

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C97718

Ochre · Chocolate · Amber Brown

HEX
#C97718
RGB
rgb(201, 119, 24)
HSL
hsl(32, 79%, 44%)
HSB
hsb(32, 88%, 79%)
CMYK
cmyk(0%, 41%, 88%, 21%)
Oklch
oklch(64.5% 0.141 62.2)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#80813F

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#80813F
RGB
rgb(128, 129, 63)
HSL
hsl(61, 34%, 38%)
HSB
hsb(61, 51%, 51%)
CMYK
cmyk(1%, 0%, 51%, 49%)
Oklch
oklch(58.7% 0.089 109.6)

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

#008495

Lake Blue · Teal · Mint Ice

HEX
#008495
RGB
rgb(0, 132, 149)
HSL
hsl(187, 100%, 29%)
HSB
hsb(187, 100%, 58%)
CMYK
cmyk(100%, 11%, 0%, 42%)
Oklch
oklch(56.2% 0.097 210.5)

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

#1D6A7C

Lake Blue · Teal · Mint Ice

HEX
#1D6A7C
RGB
rgb(29, 106, 124)
HSL
hsl(191, 62%, 30%)
HSB
hsb(191, 77%, 49%)
CMYK
cmyk(77%, 15%, 0%, 51%)
Oklch
oklch(48.7% 0.077 217.1)

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

#394F63

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#394F63
RGB
rgb(57, 79, 99)
HSL
hsl(209, 27%, 31%)
HSB
hsb(209, 42%, 39%)
CMYK
cmyk(42%, 20%, 0%, 61%)
Oklch
oklch(41.8% 0.043 246.5)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C97718
186AC9

Analogous

C91D18
C97718
C3C918

Triadic

C97718
18C976
7618C9

Split-Comp.

C97718
18C3C9
1D18C9

Tetradic

C97718
18C91D
186AC9
C918C3

Contrast Matrix WCAG 2.1 Contrast

C97718
80813F
008495
1D6A7C
394F63
—
1.2
Fail
1.3
Fail
1.8
Fail
2.5
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
2.1
Fail
1.3
Fail
1.1
Fail
—
1.4
Fail
1.9
Fail
1.8
Fail
1.5
Fail
1.4
Fail
—
1.4
Fail
2.5
Fail
2.1
Fail
1.9
Fail
1.4
Fail
—
White BG
3.4AA Large
4.1AA Large
4.4AA Large
6.2AA
8.5AAA
Black BG
6.1AA
5.1AA
4.7AA
3.4AA Large
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A52F
80804F
393A91
3E3F78
43435E

Deuteranopia

AAB034
808053
322890
3A3477
41405D

Tritanopia

C54145
805C5E
078E8D
217473
3A5A5A

Achromatopsia

858585
797979
5E5E5E
555555
4B4B4B

Shades & Tints Shades & Tints

#C97718

Dark
Light

#80813F

Dark
Light

#008495

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c97718;
  --color-2: #80813f;
  --color-3: #008495;
  --color-4: #1d6a7c;
  --color-5: #394f63;
}

SCSS

$color-1: #c97718;
$color-2: #80813f;
$color-3: #008495;
$color-4: #1d6a7c;
$color-5: #394f63;

TAILWIND

colors: {
  'brand-1': '#c97718',
  'brand-2': '#80813f',
  'brand-3': '#008495',
  'brand-4': '#1d6a7c',
  'brand-5': '#394f63',
}

RGB Array

[201, 119, 24], [128, 129, 63], [0, 132, 149], [29, 106, 124], [57, 79, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C97718, #80813F, #008495, #1D6A7C, #394F63 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c97718; --color-2: #80813f; --color-3: #008495; --color-4: #1d6a7c; --color-5: #394f63. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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