← Back to Editor

#C07848 · #90C0C0 · #78A8A8 · #604848 · #904848

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C07848

Tangerine · Chocolate · Warm Sun

HEX
#C07848
RGB
rgb(192, 120, 72)
HSL
hsl(24, 49%, 52%)
HSB
hsb(24, 63%, 75%)
CMYK
cmyk(0%, 38%, 63%, 25%)
Oklch
oklch(64.0% 0.110 53.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#90C0C0

Sky Blue · DarkGray · Lake Green

HEX
#90C0C0
RGB
rgb(144, 192, 192)
HSL
hsl(180, 28%, 66%)
HSB
hsb(180, 25%, 75%)
CMYK
cmyk(25%, 0%, 0%, 25%)
Oklch
oklch(77.4% 0.050 196.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#78A8A8

Slate Blue · CadetBlue · Lake Green

HEX
#78A8A8
RGB
rgb(120, 168, 168)
HSL
hsl(180, 22%, 56%)
HSB
hsb(180, 29%, 66%)
CMYK
cmyk(29%, 0%, 0%, 34%)
Oklch
oklch(69.8% 0.051 196.0)

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

#604848

Crimson · DarkOliveGreen · Wine Red

HEX
#604848
RGB
rgb(96, 72, 72)
HSL
hsl(0, 14%, 33%)
HSB
hsb(0, 25%, 38%)
CMYK
cmyk(0%, 25%, 25%, 62%)
Oklch
oklch(42.7% 0.033 18.5)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#904848

Crimson · Sienna · Passion Red

HEX
#904848
RGB
rgb(144, 72, 72)
HSL
hsl(0, 33%, 42%)
HSB
hsb(0, 50%, 56%)
CMYK
cmyk(0%, 50%, 50%, 44%)
Oklch
oklch(49.1% 0.098 21.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C07848
4991C1

Analogous

C14955
C07848
C1B549

Triadic

C07848
49C179
7949C1

Split-Comp.

C07848
49C1B5
4955C1

Tetradic

C07848
55C149
4991C1
B549C1

Contrast Matrix WCAG 2.1 Contrast

C07848
90C0C0
78A8A8
604848
904848
—
1.7
Fail
1.3
Fail
2.4
Fail
1.9
Fail
1.7
Fail
—
1.3
Fail
4.2
AA Large
3.3
AA Large
1.3
Fail
1.3
Fail
—
3.2
AA Large
2.5
Fail
2.4
Fail
4.2
AA Large
3.2
AA Large
—
1.3
Fail
1.9
Fail
3.3
AA Large
2.5
Fail
1.3
Fail
—
White BG
3.5AA Large
2.0Fail
2.6Fail
8.3AAA
6.5AA
Black BG
6.0AA
10.5AAA
8.0AAA
2.5Fail
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A054
A5A5C0
8D8DA8
565548
717048

Deuteranopia

A5AA56
A29EC0
8A86A8
575948
757A48

Tritanopia

BC5D5F
92C0C0
7AA8A8
5F4848
8C4848

Achromatopsia

888888
B2B2B2
9A9A9A
4F4F4F
5E5E5E

Shades & Tints Shades & Tints

#C07848

Dark
Light

#90C0C0

Dark
Light

#78A8A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c07848;
  --color-2: #90c0c0;
  --color-3: #78a8a8;
  --color-4: #604848;
  --color-5: #904848;
}

SCSS

$color-1: #c07848;
$color-2: #90c0c0;
$color-3: #78a8a8;
$color-4: #604848;
$color-5: #904848;

TAILWIND

colors: {
  'brand-1': '#c07848',
  'brand-2': '#90c0c0',
  'brand-3': '#78a8a8',
  'brand-4': '#604848',
  'brand-5': '#904848',
}

RGB Array

[192, 120, 72], [144, 192, 192], [120, 168, 168], [96, 72, 72], [144, 72, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C07848, #90C0C0, #78A8A8, #604848, #904848 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: #c07848; --color-2: #90c0c0; --color-3: #78a8a8; --color-4: #604848; --color-5: #904848. 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. 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