← Back to Editor

#69483F · #C15064 · #EEC285 · #ADCE95 · #77C297

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#69483F

Crimson · DarkOliveGreen · Wine Red

HEX
#69483F
RGB
rgb(105, 72, 63)
HSL
hsl(13, 25%, 33%)
HSB
hsb(13, 40%, 41%)
CMYK
cmyk(0%, 31%, 40%, 59%)
Oklch
oklch(43.6% 0.048 35.9)

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

#C15064

Crimson · Sienna · Passion Red

HEX
#C15064
RGB
rgb(193, 80, 100)
HSL
hsl(349, 48%, 54%)
HSB
hsb(349, 59%, 76%)
CMYK
cmyk(0%, 59%, 48%, 24%)
Oklch
oklch(58.3% 0.146 11.9)

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

#EEC285

Goose Yellow · BurlyWood · Warm Sun

HEX
#EEC285
RGB
rgb(238, 194, 133)
HSL
hsl(35, 76%, 73%)
HSB
hsb(35, 44%, 93%)
CMYK
cmyk(0%, 18%, 44%, 7%)
Oklch
oklch(83.9% 0.093 75.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#ADCE95

Celadon · DarkSeaGreen · Apple Green

HEX
#ADCE95
RGB
rgb(173, 206, 149)
HSL
hsl(95, 37%, 70%)
HSB
hsb(95, 28%, 81%)
CMYK
cmyk(16%, 0%, 28%, 19%)
Oklch
oklch(81.3% 0.085 132.5)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#77C297

Celadon · DarkSeaGreen · Apple Green

HEX
#77C297
RGB
rgb(119, 194, 151)
HSL
hsl(146, 38%, 61%)
HSB
hsb(146, 39%, 76%)
CMYK
cmyk(39%, 0%, 22%, 24%)
Oklch
oklch(75.3% 0.098 157.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

69483F
3F6069

Analogous

693F4B
69483F
695D3F

Triadic

69483F
3F6948
483F69

Split-Comp.

69483F
3F695D
3F4B69

Tetradic

69483F
4B693F
3F6069
5D3F69

Contrast Matrix WCAG 2.1 Contrast

69483F
C15064
EEC285
ADCE95
77C297
—
1.8
Fail
4.9
AA
4.6
AA
3.8
AA Large
1.8
Fail
—
2.8
Fail
2.6
Fail
2.2
Fail
4.9
AA
2.8
Fail
—
1.1
Fail
1.3
Fail
4.6
AA
2.6
Fail
1.1
Fail
—
1.2
Fail
3.8
AA Large
2.2
Fail
1.3
Fail
1.2
Fail
—
White BG
8.1AAA
4.6AA
1.7Fail
1.7Fail
2.1Fail
Black BG
2.6Fail
4.6AA
12.7AAA
12.0AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5A41
908F5F
DBDB94
BBBCA3
9798A1

Deuteranopia

5D5F42
979F5E
DEE197
B9B7A6
938EA4

Tritanopia

674343
BB5B5B
EC9FA2
AFAEB0
7BAAAB

Achromatopsia

515151
747474
C8C8C8
BEBEBE
A7A7A7

Shades & Tints Shades & Tints

#69483F

Dark
Light

#C15064

Dark
Light

#EEC285

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #69483f;
  --color-2: #c15064;
  --color-3: #eec285;
  --color-4: #adce95;
  --color-5: #77c297;
}

SCSS

$color-1: #69483f;
$color-2: #c15064;
$color-3: #eec285;
$color-4: #adce95;
$color-5: #77c297;

TAILWIND

colors: {
  'brand-1': '#69483f',
  'brand-2': '#c15064',
  'brand-3': '#eec285',
  'brand-4': '#adce95',
  'brand-5': '#77c297',
}

RGB Array

[105, 72, 63], [193, 80, 100], [238, 194, 133], [173, 206, 149], [119, 194, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #69483F, #C15064, #EEC285, #ADCE95, #77C297 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #69483f; --color-2: #c15064; --color-3: #eec285; --color-4: #adce95; --color-5: #77c297. 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. 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 tech, SaaS, healthcare, eco industries. 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