← Back to Editor

#0C3D41 · #AA9465 · #F6A65D · #FFCD9B · #EFE1A4

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 AppData Visualization

Color Details Color Details

#0C3D41

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0C3D41
RGB
rgb(12, 61, 65)
HSL
hsl(185, 69%, 15%)
HSB
hsb(185, 82%, 25%)
CMYK
cmyk(82%, 6%, 0%, 75%)
Oklch
oklch(33.1% 0.050 203.1)

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

#AA9465

Ginger · Gray · Sunflower

HEX
#AA9465
RGB
rgb(170, 148, 101)
HSL
hsl(41, 29%, 53%)
HSB
hsb(41, 41%, 67%)
CMYK
cmyk(0%, 13%, 41%, 33%)
Oklch
oklch(67.5% 0.069 85.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F6A65D

Apricot · SandyBrown · Warm Sun

HEX
#F6A65D
RGB
rgb(246, 166, 93)
HSL
hsl(29, 89%, 66%)
HSB
hsb(29, 62%, 96%)
CMYK
cmyk(0%, 33%, 62%, 4%)
Oklch
oklch(78.9% 0.130 61.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FFCD9B

Goose Yellow · Wheat · Peach Orange

HEX
#FFCD9B
RGB
rgb(255, 205, 155)
HSL
hsl(30, 100%, 80%)
HSB
hsb(30, 39%, 100%)
CMYK
cmyk(0%, 20%, 39%, 0%)
Oklch
oklch(88.1% 0.086 66.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EFE1A4

Goose Yellow · Wheat · Lemon Cream

HEX
#EFE1A4
RGB
rgb(239, 225, 164)
HSL
hsl(49, 70%, 79%)
HSB
hsb(49, 31%, 94%)
CMYK
cmyk(0%, 6%, 31%, 6%)
Oklch
oklch(90.7% 0.080 96.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0C3D41
41100C

Analogous

0C412B
0C3D41
0C2241

Triadic

0C3D41
410C3C
3C410C

Split-Comp.

0C3D41
410C22
412B0C

Tetradic

0C3D41
2B0C41
41100C
22410C

Contrast Matrix WCAG 2.1 Contrast

0C3D41
AA9465
F6A65D
FFCD9B
EFE1A4
—
4.1
AA Large
6.0
AA
8.2
AAA
9.1
AAA
4.1
AA Large
—
1.5
Fail
2.0
Fail
2.2
Fail
6.0
AA
1.5
Fail
—
1.4
Fail
1.5
Fail
8.2
AAA
2.0
Fail
1.4
Fail
—
1.1
Fail
9.1
AAA
2.2
Fail
1.5
Fail
1.1
Fail
—
White BG
11.9AAA
2.9Fail
2.0Fail
1.5Fail
1.3Fail
Black BG
1.8Fail
7.1AAA
10.5AAA
14.5AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

212240
A0A070
D3D36F
E9E9A7
E9E9B3

Deuteranopia

1E1B40
A2A373
D8DE73
ECF0AA
EAEBB6

Tritanopia

0E3F3F
A9797B
F27D80
FDB1B3
EEBEC1

Achromatopsia

2F2F2F
959595
B6B6B6
D6D6D6
DEDEDE

Shades & Tints Shades & Tints

#0C3D41

Dark
Light

#AA9465

Dark
Light

#F6A65D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0c3d41;
  --color-2: #aa9465;
  --color-3: #f6a65d;
  --color-4: #ffcd9b;
  --color-5: #efe1a4;
}

SCSS

$color-1: #0c3d41;
$color-2: #aa9465;
$color-3: #f6a65d;
$color-4: #ffcd9b;
$color-5: #efe1a4;

TAILWIND

colors: {
  'brand-1': '#0c3d41',
  'brand-2': '#aa9465',
  'brand-3': '#f6a65d',
  'brand-4': '#ffcd9b',
  'brand-5': '#efe1a4',
}

RGB Array

[12, 61, 65], [170, 148, 101], [246, 166, 93], [255, 205, 155], [239, 225, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0C3D41, #AA9465, #F6A65D, #FFCD9B, #EFE1A4 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #0c3d41; --color-2: #aa9465; --color-3: #f6a65d; --color-4: #ffcd9b; --color-5: #efe1a4. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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