Shades Of Brown
About This Color Palette
Here’s a color palette inspired by the various shades of brown. This palette includes a range of warm and earthy tones.
json
{
"palette_name": "Shades of Brown",
"colors": [
{ "name": "Saddle Brown", "hex_code": "
#8B4513
" },
{ "name": "Sienna", "hex_code": "
#A0522D
" },
{ "name": "Chocolate", "hex_code": "
#D2691E
" },
{ "name": "Peru", "hex_code": "
#CD853F
" },
{ "name": "Tan", "hex_code": "
#D2B48C
" },
{ "name": "Burlywood", "hex_code": "
#DEB887
" },
{ "name": "Wheat", "hex_code": "
#F5DEB3
" },
{ "name": "Khaki", "hex_code": "
#F0E68C
" },
{ "name": "Dark Goldenrod", "hex_code": "
#B8860B
" },
{ "name": "Goldenrod", "hex_code": "
#DAA520
" },
{ "name": "Rosy Brown", "hex_code": "
#BC8F8F
" },
{ "name": "Moccasin", "hex_code": "
#FFE4B5
" },
{ "name": "Peach Puff", "hex_code": "
#FFDAB9
" },
{ "name": "Navajo White", "hex_code": "
#FFDEAD
" },
{ "name": "Tan", "hex_code": "
#D2B48C
" },
{ "name": "Brown", "hex_code": "
#A52A2A
" },
{ "name": "Dark Brown", "hex_code": "
#654321
" },
{ "name": "Light Brown", "hex_code": "
#C2B280
" },
{ "name": "Cocoa", "hex_code": "
#D2691E
" },
{ "name": "Chestnut", "hex_code": "
#954535
" },
{ "name": "Vanilla", "hex_code": "
#F3E5AB
" },
{ "name": "Copper", "hex_code": "
#B87333
" },
{ "name": "Coffee", "hex_code": "
#6F4C3E
" },
{ "name": "Beige", "hex_code": "
#F5F5DC
" },
{ "name": "Rust", "hex_code": "
#B7410E
" },
{ "name": "Fawn", "hex_code": "
#E5B733
" },
{ "name": "Sandy Brown", "hex_code": "
#F4A460
" },
{ "name": "Dark Salmon", "hex_code": "
#E9967A
" },
{ "name": "Salmon", "hex_code": "
#FA8072
" },
{ "name": "Light Salmon", "hex_code": "
#FFA07A
" },
{ "name": "Rosy Brown", "hex_code": "
#BC8F8F
" },
{ "name": "Burlap", "hex_code": "
#CEB898
" },
{ "name": "Tawny", "hex_code": "
#D19A6A
" },
{ "name": "Sepia", "hex_code": "
#704214
" },
{ "name": "Fudge", "hex_code": "
#9B5B29
" },
{ "name": "Maple", "hex_code": "
#DD8B3D
" },
{ "name": "Tumbleweed", "hex_code": "
#D9A86D
" },
{ "name": "Brown Sugar", "hex_code": "
#B65E3E
" },
{ "name": "Pine Cone", "hex_code": "
#4E3B31
" },
{ "name": "Mocha", "hex_code": "
#6F4C3E
" },
{ "name": "Tawny Olive", "hex_code": "
#8E7B4B
" },
{ "name": "Walnut", "hex_code": "
#4E3B31
" },
{ "name": "Cinnamon", "hex_code": "
#D26D5B
" },
{ "name": "Amber", "hex_code": "
#FFBF00
" },
{ "name": "Cedar", "hex_code": "
#5B3A29
" },
{ "name": "Driftwood", "hex_code": "
#B8A59D
" },
{ "name": "Biscotti", "hex_code": "
#E8C9A5
" },
{ "name": "Tawny Brown", "hex_code": "
#A76D5E
" },
{ "name": "Reddish Brown", "hex_code": "
#7B3F3A
" },
{ "name": "Cocoa Bean", "hex_code": "
#3B2A21
" },
{ "name": "Desert Sand", "hex_code": "
#EDC9A6
" },
{ "name": "Umber", "hex_code": "
#635147
" },
{ "name": "Earth Brown", "hex_code": "
#4E3B31
" },
{ "name": "Honey Brown", "hex_code": "
#D5A86A
" },
{ "name": "Rustic Red", "hex_code": "
#7C3C3C
" },
{ "name": "Dirt", "hex_code": "
#8B5A2B
" },
{ "name": "Peanut", "hex_code": "
#D27B24
" },
{ "name": "Fallen Leaves", "hex_code": "
#8B5B29
" },
{ "name": "Oak", "hex_code": "
#C8A165
" },
{ "name": "Sandy Brown", "hex_code": "
#F4A460
" },
{ "name": "Fossil", "hex_code": "
#B4A99A
" },
{ "name": "Wood", "hex_code": "
#B6967E
" },
{ "name": "Clay", "hex_code": "
#C68A3C
" },
{ "name": "Pine", "hex_code": "
#6A4B3A
" },
{ "name": "Cedarwood", "hex_code": "
#A5804B
" },
{ "name": "Paprika", "hex_code": "
#BB4B24
" },
{ "name": "Brownie", "hex_code": "
#5B3A29
" },
{ "name": "Mooshy Brown", "hex_code": "
#C8B298
" },
{ "name": "Toffee", "hex_code": "
#B68B4E
" },
{ "name": "Umber Brown", "hex_code": "
#5B3A29
" },
{ "name": "Maroon", "hex_code": "
#800000
" },
{ "name": "Bark", "hex_code": "
#7E5B4C
" },
{ "name": "Chocolate Brown", "hex_code": "
#4E3B31
" },
{ "name": "Burnt Umber", "hex_code": "
#8A4B4A
" },
{ "name": "Muddy Brown", "hex_code": "
#5B3A29
" },
{ "name": "Cacao", "hex_code": "
#4E3B31
" },
{ "name": "Chestnut Brown", "hex_code": "
#8B5B29
" },
{ "name": "Maple Syrup", "hex_code": "
#4E3B31
" },
{ "name": "Cocoa Brown", "hex_code": "
#7A4B3A
" },
{ "name": "Chocolate Chip", "hex_code": "
#5B4C3A
" },
{ "name": "Toasted Almond", "hex_code": "
#D2B48C
" }
]
}
This palette showcases a variety of browns, from deep and rich shades to lighter, more muted tones, perfect for any warm and natural aesthetic.
What kind of project are you planning to use this color palette for?
Overview
Welcome back, here's what's happening today.
Revenue Growth
Build something amazing
Create stunning designs with our AI-powered color palette generator. Perfect for web, mobile, and print.
Fast Performance
Optimized for speed and efficiency.
Secure by Default
Enterprise-grade security built-in.
Easy to Use
Intuitive interface for everyone.
Good Morning
Here's your daily update
Today
Logo Variations
Business Card
John Doe
Creative Director
john.doe@brandname.com
+1 (555) 123-4567
www.brandname.com
Type Scale
Heading 1
Bold / 48pxHeading 2
Bold / 36pxHeading 3
Bold / 30pxHeading 4
Bold / 24pxBody text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Regular / 16pxArticle Layout
The Future of Color
Color trends are evolving rapidly. We are seeing a shift towards more vibrant, expressive palettes that capture attention and evoke emotion.
"Color is a power which directly influences the soul."
Why it matters
Choosing the right color palette is crucial for brand identity. It communicates values without words and creates an instant connection with the audience.
Abstract
Composition #01
Download Files
Copy Code
Simulate how your palette appears to users with different types of color vision deficiencies. Approximately 8% of men and 0.5% of women have some form of color blindness.
Original Palette
Protanopia
Red-blind (approx. 1% of men)
Deuteranopia
Green-blind (approx. 1% of men)
Tritanopia
Blue-blind (very rare)
Achromatopsia
Total color blindness (monochromacy)
Shades & Tints
Explore lighter variations (tints) and darker variations (shades) of each color. Click any color to copy its hex code.
Saddle Brown
#8B4513
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sienna
#A0522D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Chocolate
#D2691E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Peru
#CD853F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Tan
#D2B48C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Burlywood
#DEB887
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Wheat
#F5DEB3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Khaki
#F0E68C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Goldenrod
#B8860B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Goldenrod
#DAA520
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Rosy Brown
#BC8F8F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Moccasin
#FFE4B5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Peach Puff
#FFDAB9
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Navajo White
#FFDEAD
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Tan
#D2B48C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Brown
#A52A2A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Brown
#654321
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Brown
#C2B280
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cocoa
#D2691E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Chestnut
#954535
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Vanilla
#F3E5AB
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Copper
#B87333
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Coffee
#6F4C3E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Beige
#F5F5DC
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Rust
#B7410E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Fawn
#E5B733
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sandy Brown
#F4A460
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Salmon
#E9967A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Salmon
#FA8072
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Salmon
#FFA07A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Rosy Brown
#BC8F8F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Burlap
#CEB898
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Tawny
#D19A6A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sepia
#704214
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Fudge
#9B5B29
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Maple
#DD8B3D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Tumbleweed
#D9A86D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Brown Sugar
#B65E3E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pine Cone
#4E3B31
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Mocha
#6F4C3E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Tawny Olive
#8E7B4B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Walnut
#4E3B31
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cinnamon
#D26D5B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Amber
#FFBF00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cedar
#5B3A29
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Driftwood
#B8A59D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Biscotti
#E8C9A5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Tawny Brown
#A76D5E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Reddish Brown
#7B3F3A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cocoa Bean
#3B2A21
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Desert Sand
#EDC9A6
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Umber
#635147
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Earth Brown
#4E3B31
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Honey Brown
#D5A86A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Rustic Red
#7C3C3C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dirt
#8B5A2B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Peanut
#D27B24
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Fallen Leaves
#8B5B29
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Oak
#C8A165
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sandy Brown
#F4A460
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Fossil
#B4A99A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Wood
#B6967E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Clay
#C68A3C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pine
#6A4B3A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cedarwood
#A5804B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Paprika
#BB4B24
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Brownie
#5B3A29
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Mooshy Brown
#C8B298
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Toffee
#B68B4E
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Umber Brown
#5B3A29
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Maroon
#800000
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Bark
#7E5B4C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Chocolate Brown
#4E3B31
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Burnt Umber
#8A4B4A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Muddy Brown
#5B3A29
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cacao
#4E3B31
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Chestnut Brown
#8B5B29
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Maple Syrup
#4E3B31
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cocoa Brown
#7A4B3A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Chocolate Chip
#5B4C3A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Toasted Almond
#D2B48C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Color Wheel Distribution
Harmony Analysis
Dominant Temperature
--
Harmony Type
--
Analyzing color relationships...
Color Values (HSL)
Select Background
Select Text Color
Contrast Analysis
Aa
The quick brown fox jumps over the lazy dog.
Normal Text
Large Text
Understanding WCAG Scores
Normal Text
- AA requires 4.5:1 ratio
- AAA requires 7.0:1 ratio
Large Text (18pt+ or 14pt+ bold)
- AA requires 3.0:1 ratio
- AAA requires 4.5:1 ratio