← Back to Editor

#C69F02 · #CC035F · #F03989 · #8D7B0D · #870F66

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C69F02

Ochre · DarkGoldenRod · Honey Gold

HEX
#C69F02
RGB
rgb(198, 159, 2)
HSL
hsl(48, 98%, 39%)
HSB
hsb(48, 99%, 78%)
CMYK
cmyk(0%, 20%, 99%, 22%)
Oklch
oklch(71.8% 0.146 91.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#CC035F

Dark Violet · Crimson · Camellia

HEX
#CC035F
RGB
rgb(204, 3, 95)
HSL
hsl(333, 97%, 41%)
HSB
hsb(333, 99%, 80%)
CMYK
cmyk(0%, 99%, 53%, 20%)
Oklch
oklch(54.4% 0.218 4.9)

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

#F03989

Dark Violet · DeepPink · Rose Pink

HEX
#F03989
RGB
rgb(240, 57, 137)
HSL
hsl(334, 86%, 58%)
HSB
hsb(334, 76%, 94%)
CMYK
cmyk(0%, 76%, 43%, 6%)
Oklch
oklch(64.4% 0.225 359.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#8D7B0D

Autumn Sage · Olive · Honey Gold

HEX
#8D7B0D
RGB
rgb(141, 123, 13)
HSL
hsl(52, 83%, 30%)
HSB
hsb(52, 91%, 55%)
CMYK
cmyk(0%, 13%, 91%, 45%)
Oklch
oklch(58.2% 0.117 98.6)

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

#870F66

Rose Purple · Purple · Eggplant

HEX
#870F66
RGB
rgb(135, 15, 102)
HSL
hsl(317, 80%, 29%)
HSB
hsb(317, 89%, 53%)
CMYK
cmyk(0%, 89%, 24%, 47%)
Oklch
oklch(42.4% 0.171 343.0)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C69F02
0229C5

Analogous

C53C02
C69F02
8AC502

Triadic

C69F02
02C59E
9E02C5

Split-Comp.

C69F02
028AC5
3C02C5

Tetradic

C69F02
02C53C
0229C5
C5028A

Contrast Matrix WCAG 2.1 Contrast

C69F02
CC035F
F03989
8D7B0D
870F66
—
2.2
Fail
1.5
Fail
1.7
Fail
3.7
AA Large
2.2
Fail
—
1.5
Fail
1.3
Fail
1.6
Fail
1.5
Fail
1.5
Fail
—
1.1
Fail
2.5
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
2.2
Fail
3.7
AA Large
1.6
Fail
2.5
Fail
2.2
Fail
—
White BG
2.5Fail
5.6AA
3.7AA Large
4.2AA Large
9.2AAA
Black BG
8.4AAA
3.7AA Large
5.7AA
5.0AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B528
757349
A19F76
858528
535251

Deuteranopia

B7BA31
819043
ABB971
86882E
5A634C

Tritanopia

C4464D
C23733
E76663
8C3D41
81403D

Achromatopsia

999999
4A4A4A
797979
747474
3D3D3D

Shades & Tints Shades & Tints

#C69F02

Dark
Light

#CC035F

Dark
Light

#F03989

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c69f02;
  --color-2: #cc035f;
  --color-3: #f03989;
  --color-4: #8d7b0d;
  --color-5: #870f66;
}

SCSS

$color-1: #c69f02;
$color-2: #cc035f;
$color-3: #f03989;
$color-4: #8d7b0d;
$color-5: #870f66;

TAILWIND

colors: {
  'brand-1': '#c69f02',
  'brand-2': '#cc035f',
  'brand-3': '#f03989',
  'brand-4': '#8d7b0d',
  'brand-5': '#870f66',
}

RGB Array

[198, 159, 2], [204, 3, 95], [240, 57, 137], [141, 123, 13], [135, 15, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #C69F02, #CC035F, #F03989, #8D7B0D, #870F66 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: #c69f02; --color-2: #cc035f; --color-3: #f03989; --color-4: #8d7b0d; --color-5: #870f66. 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 warm-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