← Back to Editor

#909078 · #C0A878 · #C09090 · #A89090 · #907860

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#909078

Autumn Sage · Gray · Sunflower

HEX
#909078
RGB
rgb(144, 144, 120)
HSL
hsl(60, 10%, 52%)
HSB
hsb(60, 17%, 56%)
CMYK
cmyk(0%, 0%, 17%, 44%)
Oklch
oklch(64.7% 0.034 107.3)

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

#C0A878

Ginger · Tan · Sunflower

HEX
#C0A878
RGB
rgb(192, 168, 120)
HSL
hsl(40, 36%, 61%)
HSB
hsb(40, 38%, 75%)
CMYK
cmyk(0%, 13%, 38%, 25%)
Oklch
oklch(74.1% 0.070 84.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C09090

Peach Pink · Tan · Coral Red

HEX
#C09090
RGB
rgb(192, 144, 144)
HSL
hsl(0, 28%, 66%)
HSB
hsb(0, 25%, 75%)
CMYK
cmyk(0%, 25%, 25%, 25%)
Oklch
oklch(69.9% 0.058 18.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#A89090

Peach Pink · DarkGray · Coral Red

HEX
#A89090
RGB
rgb(168, 144, 144)
HSL
hsl(0, 12%, 61%)
HSB
hsb(0, 14%, 66%)
CMYK
cmyk(0%, 14%, 14%, 34%)
Oklch
oklch(67.5% 0.029 17.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#907860

Ochre · Gray · Amber Brown

HEX
#907860
RGB
rgb(144, 120, 96)
HSL
hsl(30, 20%, 47%)
HSB
hsb(30, 33%, 56%)
CMYK
cmyk(0%, 17%, 33%, 44%)
Oklch
oklch(58.9% 0.046 66.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

909078
787891

Analogous

918578
909078
859178

Triadic

909078
789191
917891

Split-Comp.

909078
788591
857891

Tetradic

909078
789185
787891
917885

Contrast Matrix WCAG 2.1 Contrast

909078
C0A878
C09090
A89090
907860
—
1.4
Fail
1.2
Fail
1.1
Fail
1.3
Fail
1.4
Fail
—
1.2
Fail
1.3
Fail
1.8
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
1.1
Fail
1.3
Fail
1.1
Fail
—
1.4
Fail
1.3
Fail
1.8
Fail
1.5
Fail
1.4
Fail
—
White BG
3.3AA Large
2.3Fail
2.8Fail
3.0Fail
4.2AA Large
Black BG
6.4AA
9.1AAA
7.6AAA
7.1AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

90907E
B6B584
ABAB90
9E9D90
868566

Deuteranopia

90907F
B7B986
AEB290
9FA190
878967

Tritanopia

908283
BF8D8F
BE9090
A79090
8F6A6B

Achromatopsia

8D8D8D
AAAAAA
9E9E9E
979797
7C7C7C

Shades & Tints Shades & Tints

#909078

Dark
Light

#C0A878

Dark
Light

#C09090

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #909078;
  --color-2: #c0a878;
  --color-3: #c09090;
  --color-4: #a89090;
  --color-5: #907860;
}

SCSS

$color-1: #909078;
$color-2: #c0a878;
$color-3: #c09090;
$color-4: #a89090;
$color-5: #907860;

TAILWIND

colors: {
  'brand-1': '#909078',
  'brand-2': '#c0a878',
  'brand-3': '#c09090',
  'brand-4': '#a89090',
  'brand-5': '#907860',
}

RGB Array

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

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #909078, #C0A878, #C09090, #A89090, #907860 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: #909078; --color-2: #c0a878; --color-3: #c09090; --color-4: #a89090; --color-5: #907860. 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 warm-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