← Back to Editor

#743349 · #C86A4E · #EABF7B · #F1D07F · #FFEBA3

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile AppData Visualization

Color Details Color Details

#743349

Dark Violet · Brown · Camellia

HEX
#743349
RGB
rgb(116, 51, 73)
HSL
hsl(340, 39%, 33%)
HSB
hsb(340, 56%, 45%)
CMYK
cmyk(0%, 56%, 37%, 55%)
Oklch
oklch(41.6% 0.095 0.7)

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

#C86A4E

Crimson · Chocolate · Passion Red

HEX
#C86A4E
RGB
rgb(200, 106, 78)
HSL
hsl(14, 53%, 55%)
HSB
hsb(14, 61%, 78%)
CMYK
cmyk(0%, 47%, 61%, 22%)
Oklch
oklch(62.7% 0.127 37.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#EABF7B

Ginger · BurlyWood · Warm Sun

HEX
#EABF7B
RGB
rgb(234, 191, 123)
HSL
hsl(37, 73%, 70%)
HSB
hsb(37, 47%, 92%)
CMYK
cmyk(0%, 18%, 47%, 8%)
Oklch
oklch(82.8% 0.099 78.2)

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

#F1D07F

Goose Yellow · Khaki · Sunflower

HEX
#F1D07F
RGB
rgb(241, 208, 127)
HSL
hsl(43, 80%, 72%)
HSB
hsb(43, 47%, 95%)
CMYK
cmyk(0%, 14%, 47%, 5%)
Oklch
oklch(86.8% 0.107 88.0)

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

#FFEBA3

Goose Yellow · Wheat · Lemon Cream

HEX
#FFEBA3
RGB
rgb(255, 235, 163)
HSL
hsl(47, 100%, 82%)
HSB
hsb(47, 36%, 100%)
CMYK
cmyk(0%, 8%, 36%, 0%)
Oklch
oklch(94.0% 0.093 94.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

743349
33755F

Analogous

75336A
743349
753E33

Triadic

743349
497533
334975

Split-Comp.

743349
33753E
336A75

Tetradic

743349
6A7533
33755F
3E3375

Contrast Matrix WCAG 2.1 Contrast

743349
C86A4E
EABF7B
F1D07F
FFEBA3
—
2.4
Fail
5.3
AA
6.1
AA
7.6
AAA
2.4
Fail
—
2.2
Fail
2.5
Fail
3.1
AA Large
5.3
AA
2.2
Fail
—
1.1
Fail
1.4
Fail
6.1
AA
2.5
Fail
1.1
Fail
—
1.3
Fail
7.6
AAA
3.1
AA Large
1.4
Fail
1.3
Fail
—
White BG
9.1AAA
3.7AA Large
1.7Fail
1.5Fail
1.2Fail
Black BG
2.3Fail
5.6AA
12.2AAA
14.1AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

585744
9F9E55
D7D78B
E3E293
F6F6B4

Deuteranopia

5C6042
A5AC56
DADD8F
E5E797
F8F9B9

Tritanopia

713F3F
C35A5B
E8989B
EFA2A5
FEC2C5

Achromatopsia

494949
838383
C4C4C4
D1D1D1
E9E9E9

Shades & Tints Shades & Tints

#743349

Dark
Light

#C86A4E

Dark
Light

#EABF7B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #743349;
  --color-2: #c86a4e;
  --color-3: #eabf7b;
  --color-4: #f1d07f;
  --color-5: #ffeba3;
}

SCSS

$color-1: #743349;
$color-2: #c86a4e;
$color-3: #eabf7b;
$color-4: #f1d07f;
$color-5: #ffeba3;

TAILWIND

colors: {
  'brand-1': '#743349',
  'brand-2': '#c86a4e',
  'brand-3': '#eabf7b',
  'brand-4': '#f1d07f',
  'brand-5': '#ffeba3',
}

RGB Array

[116, 51, 73], [200, 106, 78], [234, 191, 123], [241, 208, 127], [255, 235, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #743349, #C86A4E, #EABF7B, #F1D07F, #FFEBA3 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: #743349; --color-2: #c86a4e; --color-3: #eabf7b; --color-4: #f1d07f; --color-5: #ffeba3. 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 nature-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