← Back to Editor

#33C7B9 · #EDEFC9 · #D38623 · #A64B05 · #3E270B

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

#33C7B9

Mineral Blue · MediumTurquoise · Mint Ice

HEX
#33C7B9
RGB
rgb(51, 199, 185)
HSL
hsl(174, 59%, 49%)
HSB
hsb(174, 74%, 78%)
CMYK
cmyk(74%, 0%, 7%, 22%)
Oklch
oklch(75.2% 0.121 185.4)

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

#EDEFC9

Fresh Green · Beige · Lemon Cream

HEX
#EDEFC9
RGB
rgb(237, 239, 201)
HSL
hsl(63, 54%, 86%)
HSB
hsb(63, 16%, 94%)
CMYK
cmyk(1%, 0%, 16%, 6%)
Oklch
oklch(94.1% 0.050 109.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D38623

Ochre · Chocolate · Amber Brown

HEX
#D38623
RGB
rgb(211, 134, 35)
HSL
hsl(34, 72%, 48%)
HSB
hsb(34, 83%, 83%)
CMYK
cmyk(0%, 36%, 83%, 17%)
Oklch
oklch(68.5% 0.141 66.6)

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

#A64B05

Tangerine · Sienna · Amber Brown

HEX
#A64B05
RGB
rgb(166, 75, 5)
HSL
hsl(26, 94%, 34%)
HSB
hsb(26, 97%, 65%)
CMYK
cmyk(0%, 55%, 97%, 35%)
Oklch
oklch(52.1% 0.138 48.7)

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

#3E270B

Ochre · Black · Cinnamon

HEX
#3E270B
RGB
rgb(62, 39, 11)
HSL
hsl(33, 70%, 14%)
HSB
hsb(33, 82%, 24%)
CMYK
cmyk(0%, 37%, 82%, 76%)
Oklch
oklch(29.5% 0.053 68.1)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

33C7B9
C73342

Analogous

33C76E
33C7B9
338CC7

Triadic

33C7B9
B833C7
C7B833

Split-Comp.

33C7B9
C7338C
C76E33

Tetradic

33C7B9
6E33C7
C73342
8CC733

Contrast Matrix WCAG 2.1 Contrast

33C7B9
EDEFC9
D38623
A64B05
3E270B
—
1.8
Fail
1.4
Fail
2.8
Fail
6.7
AA
1.8
Fail
—
2.5
Fail
4.9
AA
11.9
AAA
1.4
Fail
2.5
Fail
—
2.0
Fail
4.8
AA
2.8
Fail
4.9
AA
2.0
Fail
—
2.4
Fail
6.7
AA
11.9
AAA
4.8
AA
2.4
Fail
—
White BG
2.1Fail
1.2Fail
2.9Fail
5.8AA
14.0AAA
Black BG
10.0AAA
17.8AAA
7.2AAA
3.6AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7374BC
EEEED2
B2B13B
7F7E16
343412

Deuteranopia

6B5FBD
EEEED4
B6BC41
848B1A
353713

Tritanopia

3ABFC0
EDD9DB
CF4E52
A12326
3D1718

Achromatopsia

999999
EAEAEA
929292
5E5E5E
2B2B2B

Shades & Tints Shades & Tints

#33C7B9

Dark
Light

#EDEFC9

Dark
Light

#D38623

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #33c7b9;
  --color-2: #edefc9;
  --color-3: #d38623;
  --color-4: #a64b05;
  --color-5: #3e270b;
}

SCSS

$color-1: #33c7b9;
$color-2: #edefc9;
$color-3: #d38623;
$color-4: #a64b05;
$color-5: #3e270b;

TAILWIND

colors: {
  'brand-1': '#33c7b9',
  'brand-2': '#edefc9',
  'brand-3': '#d38623',
  'brand-4': '#a64b05',
  'brand-5': '#3e270b',
}

RGB Array

[51, 199, 185], [237, 239, 201], [211, 134, 35], [166, 75, 5], [62, 39, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #33C7B9, #EDEFC9, #D38623, #A64B05, #3E270B 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: #33c7b9; --color-2: #edefc9; --color-3: #d38623; --color-4: #a64b05; --color-5: #3e270b. 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