← Back to Editor

#908A13 · #885932 · #085546 · #042C4D · #1F030F

cool

A 5-color cool 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

#908A13

Autumn Sage · Olive · Honey Gold

HEX
#908A13
RGB
rgb(144, 138, 19)
HSL
hsl(57, 77%, 32%)
HSB
hsb(57, 87%, 56%)
CMYK
cmyk(0%, 4%, 87%, 44%)
Oklch
oklch(61.9% 0.127 106.4)

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

#885932

Tangerine · Sienna · Amber Brown

HEX
#885932
RGB
rgb(136, 89, 50)
HSL
hsl(27, 46%, 36%)
HSB
hsb(27, 63%, 53%)
CMYK
cmyk(0%, 35%, 63%, 47%)
Oklch
oklch(50.7% 0.082 59.1)

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

#085546

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#085546
RGB
rgb(8, 85, 70)
HSL
hsl(168, 83%, 18%)
HSB
hsb(168, 91%, 33%)
CMYK
cmyk(91%, 0%, 18%, 67%)
Oklch
oklch(40.3% 0.073 174.9)

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

#042C4D

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#042C4D
RGB
rgb(4, 44, 77)
HSL
hsl(207, 90%, 16%)
HSB
hsb(207, 95%, 30%)
CMYK
cmyk(95%, 43%, 0%, 70%)
Oklch
oklch(28.7% 0.074 248.8)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#1F030F

Dark Violet · Black · Raspberry

HEX
#1F030F
RGB
rgb(31, 3, 15)
HSL
hsl(334, 82%, 7%)
HSB
hsb(334, 90%, 12%)
CMYK
cmyk(0%, 90%, 52%, 88%)
Oklch
oklch(16.5% 0.055 356.0)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

908A13
131990

Analogous

904B13
908A13
589013

Triadic

908A13
13908A
8A1390

Split-Comp.

908A13
135890
4B1390

Tetradic

908A13
13904B
131990
901358

Contrast Matrix WCAG 2.1 Contrast

908A13
885932
085546
042C4D
1F030F
—
1.7
Fail
2.4
Fail
4.0
AA Large
5.4
AA
1.7
Fail
—
1.5
Fail
2.4
Fail
3.3
AA Large
2.4
Fail
1.5
Fail
—
1.6
Fail
2.2
Fail
4.0
AA Large
2.4
Fail
1.6
Fail
—
1.4
Fail
5.4
AA
3.3
AA Large
2.2
Fail
1.4
Fail
—
White BG
3.6AA Large
6.0AA
8.8AAA
14.3AAA
19.5AAA
Black BG
5.8AA
3.5AA Large
2.4Fail
1.5Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8D30
74733B
292A4A
151645
13130C

Deuteranopia

8E8E37
767A3E
251F4B
131043
15170B

Tritanopia

90474C
864345
0C4C4D
063F3D
1E0A09

Achromatopsia

7E7E7E
636363
3C3C3C
242424
0D0D0D

Shades & Tints Shades & Tints

#908A13

Dark
Light

#885932

Dark
Light

#085546

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #908a13;
  --color-2: #885932;
  --color-3: #085546;
  --color-4: #042c4d;
  --color-5: #1f030f;
}

SCSS

$color-1: #908a13;
$color-2: #885932;
$color-3: #085546;
$color-4: #042c4d;
$color-5: #1f030f;

TAILWIND

colors: {
  'brand-1': '#908a13',
  'brand-2': '#885932',
  'brand-3': '#085546',
  'brand-4': '#042c4d',
  'brand-5': '#1f030f',
}

RGB Array

[144, 138, 19], [136, 89, 50], [8, 85, 70], [4, 44, 77], [31, 3, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #908A13, #885932, #085546, #042C4D, #1F030F 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: #908a13; --color-2: #885932; --color-3: #085546; --color-4: #042c4d; --color-5: #1f030f. 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 cool-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