← Back to Editor

#C9C214 · #C3871E · #2A868C · #1C0D0F · #32B8B8

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

#C9C214

Autumn Sage · GoldenRod · Honey Gold

HEX
#C9C214
RGB
rgb(201, 194, 20)
HSL
hsl(58, 82%, 43%)
HSB
hsb(58, 90%, 79%)
CMYK
cmyk(0%, 3%, 90%, 21%)
Oklch
oklch(79.4% 0.167 107.0)

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

#C3871E

Ochre · DarkGoldenRod · Amber Brown

HEX
#C3871E
RGB
rgb(195, 135, 30)
HSL
hsl(38, 73%, 44%)
HSB
hsb(38, 85%, 76%)
CMYK
cmyk(0%, 31%, 85%, 24%)
Oklch
oklch(66.7% 0.132 75.1)

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

#2A868C

Lake Blue · Teal · Mint Ice

HEX
#2A868C
RGB
rgb(42, 134, 140)
HSL
hsl(184, 54%, 36%)
HSB
hsb(184, 70%, 55%)
CMYK
cmyk(70%, 4%, 0%, 45%)
Oklch
oklch(57.0% 0.084 201.4)

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

#1C0D0F

Crimson · Black · Deep Berry

HEX
#1C0D0F
RGB
rgb(28, 13, 15)
HSL
hsl(352, 37%, 8%)
HSB
hsb(352, 54%, 11%)
CMYK
cmyk(0%, 54%, 46%, 89%)
Oklch
oklch(18.2% 0.026 11.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#32B8B8

Lake Blue · LightSeaGreen · Mint Ice

HEX
#32B8B8
RGB
rgb(50, 184, 184)
HSL
hsl(180, 57%, 46%)
HSB
hsb(180, 73%, 72%)
CMYK
cmyk(73%, 0%, 0%, 28%)
Oklch
oklch(71.4% 0.111 195.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9C214
141AC8

Analogous

C86814
C9C214
74C814

Triadic

C9C214
14C8C2
C214C8

Split-Comp.

C9C214
1474C8
6814C8

Tetradic

C9C214
14C868
141AC8
C81474

Contrast Matrix WCAG 2.1 Contrast

C9C214
C3871E
2A868C
1C0D0F
32B8B8
—
1.6
Fail
2.3
Fail
10.1
AAA
1.3
Fail
1.6
Fail
—
1.4
Fail
6.1
AA
1.3
Fail
2.3
Fail
1.4
Fail
—
4.4
AA Large
1.8
Fail
10.1
AAA
6.1
AA
4.4
AA Large
—
7.8
AAA
1.3
Fail
1.3
Fail
1.8
Fail
7.8
AAA
—
White BG
1.9Fail
3.1AA Large
4.3AA Large
18.9AAA
2.4Fail
Black BG
11.2AAA
6.8AA
4.9AA
1.1Fail
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C63E
A9A837
52538B
16150F
6C6DB8

Deuteranopia

C6C748
ADB13E
4D468A
16170E
645AB8

Tritanopia

C95F67
C04B50
2F8989
1B0E0E
39B8B8

Achromatopsia

B0B0B0
8D8D8D
6B6B6B
121212
909090

Shades & Tints Shades & Tints

#C9C214

Dark
Light

#C3871E

Dark
Light

#2A868C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9c214;
  --color-2: #c3871e;
  --color-3: #2a868c;
  --color-4: #1c0d0f;
  --color-5: #32b8b8;
}

SCSS

$color-1: #c9c214;
$color-2: #c3871e;
$color-3: #2a868c;
$color-4: #1c0d0f;
$color-5: #32b8b8;

TAILWIND

colors: {
  'brand-1': '#c9c214',
  'brand-2': '#c3871e',
  'brand-3': '#2a868c',
  'brand-4': '#1c0d0f',
  'brand-5': '#32b8b8',
}

RGB Array

[201, 194, 20], [195, 135, 30], [42, 134, 140], [28, 13, 15], [50, 184, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9C214, #C3871E, #2A868C, #1C0D0F, #32B8B8 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: #c9c214; --color-2: #c3871e; --color-3: #2a868c; --color-4: #1c0d0f; --color-5: #32b8b8. 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