Huehive Logo

HueHive

Bauhaus Extended

147 views
Red #C72C41
Blue #007BFF
Yellow #F6EB61
Black #000000
White #FFFFFF
Grey #B0B0B0
Dark Blue #003366
Light Grey #D9D9D9
Green #4CAF50
Smashing Pumpkins #FF5722
Light Blue #A2DFF7
Violet #9B59B6
Turquoise #1ABC9C
Pink #F06292
Brown #8D6E63
Mustard #D4C29A
Teal #008080
Beige #F5F5DC
Maroon #800000
Pastel Red #FF6F61
#C72C41 Red
#007BFF Blue
#F6EB61 Yellow
#000000 Black
#FFFFFF White
#B0B0B0 Grey
#003366 Dark Blue
#D9D9D9 Light Grey
#4CAF50 Green
#FF5722 Smashing Pumpkins
#A2DFF7 Light Blue
#9B59B6 Violet
#1ABC9C Turquoise
#F06292 Pink
#8D6E63 Brown
#D4C29A Mustard
#008080 Teal
#F5F5DC Beige
#800000 Maroon
#FF6F61 Pastel Red

Bauhaus Extended

About This Color Palette

 <Bauhaus Extended>
1. Red - 
                            
                            #C72C41
                         - A bold, vibrant red that symbolizes energy and dynamism, often used in Bauhaus designs.
2. Blue - 
                            
                            #007BFF
                         - A bright blue representing stability and trust, frequently found in Bauhaus artworks and architecture.
3. Yellow - 
                            
                            #F6EB61
                         - A cheerful, sunny yellow that adds warmth and optimism to the palette, characteristic of Bauhaus color theory.
4. Black - 
                            
                            #000000
                         - A deep black that provides contrast and sophistication, essential in creating visual balance in Bauhaus compositions.
5. White - 
                            
                            #FFFFFF
                         - A pure white that conveys simplicity and clarity, embodying the minimalist ethos of Bauhaus design.
6. Grey - 
                            
                            #B0B0B0
                         - A neutral grey that complements brighter colors, providing a modern touch without overpowering.
7. Dark Blue - 
                            
                            #003366
                         - A deep navy blue that adds depth and seriousness to the palette, useful for backgrounds or accents.
8. Light Grey - 
                            
                            #D9D9D9
                         - A soft light grey that enhances readability and provides a gentle contrast against darker colors.
9. Green - 
                            
                            #4CAF50
                         - A fresh, vibrant green that symbolizes growth and innovation, contributing to the organic aspects of Bauhaus.
10. Orange - 
                            
                            #FF5722
                         - A strong orange that conveys enthusiasm and creativity, often used in dynamic Bauhaus compositions.
11. Light Blue - 
                            
                            #A2DFF7
                         - A calming light blue that offers a soft contrast and evokes tranquility.
12. Violet - 
                            
                            #9B59B6
                         - A rich violet that adds a touch of luxury and sophistication, balancing the primary colors.
13. Turquoise - 
                            
                            #1ABC9C
                         - A refreshing turquoise that brings a modern and lively feel, ideal for contemporary designs.
14. Pink - 
                            
                            #F06292
                         - A playful pink that introduces a softer element, enhancing the emotional appeal of designs.
15. Brown - 
                            
                            #8D6E63
                         - A warm brown that grounds the palette, adding an earthy quality that contrasts with brighter tones.
16. Mustard - 
                            
                            #D4C29A
                         - A muted mustard that provides a vintage touch, reminiscent of Bauhaus's historical roots.
17. Teal - 
                            
                            #008080
                         - A deep teal that combines the properties of blue and green, adding complexity and richness.
18. Beige - 
                            
                            #F5F5DC
                         - A soft beige that offers a neutral background, enhancing the visibility of bolder colors.
19. Maroon - 
                            
                            #800000
                         - A deep maroon that adds a rich, dramatic flair to the palette, useful for creating focal points.
20. Coral - 
                            
                            #FF6F61
                         - A soft coral that introduces warmth and approachability, balancing the more intense colors.

This extended Bauhaus color palette maintains the core principles of the style while offering a broader range of options for various applications. It includes primary colors, complementary neutrals, and additional shades that can be utilized for different design elements, promoting a harmonious yet dynamic aesthetic.

What kind of project are you considering for this color palette? Are there specific emotions or themes you wish to evoke with your design?

C
Croma
Dashboard
Analytics
Customers
Settings
John Doe
Admin
Search...

Overview

Welcome back, here's what's happening today.

+12%
$45,231
Total Revenue
+12%
2,345
Active Users
+12%
128
New Orders

Revenue Growth

Brand
Features Pricing About

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.

9:41

Good Morning

Here's your daily update

Today

Design Review
10:00 AM
Team Meeting
11:30 AM
Lunch Break
1:00 PM
Project Focus
2:00 PM
Home
Search
Profile
B
BrandName
Sponsored
...
New Collection

Summer
Sale

Get up to 50% off on all items.

1,234 likes
BrandName Don't miss out on our biggest sale of the season! #summersale #fashion

Logo Variations

B
BrandName
B
BrandName

Business Card

B
BrandName

John Doe

Creative Director

john.doe@brandname.com

+1 (555) 123-4567

www.brandname.com

Type Scale

Heading 1

Bold / 48px

Heading 2

Bold / 36px

Heading 3

Bold / 30px

Heading 4

Bold / 24px

Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Regular / 16px

Article Layout

Design Trends

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

PNG Image

Raster image format

Copy Code

variables.css

          

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.

Red

#C72C41

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Blue

#007BFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Yellow

#F6EB61

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Black

#000000

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

White

#FFFFFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Grey

#B0B0B0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Blue

#003366

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Grey

#D9D9D9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Green

#4CAF50

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Smashing Pumpkins

#FF5722

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Blue

#A2DFF7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Violet

#9B59B6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Turquoise

#1ABC9C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pink

#F06292

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Brown

#8D6E63

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Mustard

#D4C29A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Teal

#008080

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Beige

#F5F5DC

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Maroon

#800000

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pastel Red

#FF6F61

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.

Contrast Ratio --

Normal Text

WCAG AA --
WCAG AAA --

Large Text

WCAG AA --
WCAG AAA --

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

What would you like to do?

Other Similar Palettes

#C72C41
#007BFF
#F6EB61
#000000
#FFFFFF
#000000
#550000
#005500
#555500
#000055
#550055
#005555
#555555
#ff5555
#55ff55
#ffff55
#00ffff
#5555ff
#ff55ff
#aaaaaa
#ffffff
#FF0000
#00FF00
#0000FF
#00FFFF
#FF00FF
#FFFF00
#FFA500
#800080
#A52A2A
#FF6347
#90EE90
#87CEEB
#40E0D0
#FFD700
#90EE90
#00FF00
#40E0D0
#00FFFF
#87CEEB
#0000FF
#800080
#FF00FF
#FF0000
#FF6347
#FFA500
#FFFF00
#FFD700
#A52A2A
#D6C84A
#FFFFFF
#005B99
#00008B
#000000
#FFC0CB
#A9A9A9
#F8F8FF
#2C2A28
#006400
#A8D600
#A40000
#FFFDD0
#36454F
#8B8B7A
#001F3F
#004E80
#7E7B7A
#4B3D3E
#5A4B8A
#8E4585
#FFC30B
#FFFDD0
#2F2A25
#FF4500
#93C572
#D1C22C
#7B4B3A
#4B3D3D
#F3E7D7
#FF6F61
#A8E6CE
#6B5B9A
#A76D3F
#A2DFF7
#D1E7DC
#D50032
#F6EAB6

Update Your Palette

Current Palette

Red
Blue
Yellow
Black
White
Grey
Dark Blue
Light Grey
Green
Smashing Pumpkins
Light Blue
Violet
Turquoise
Pink
Brown
Mustard
Teal
Beige
Maroon
Pastel Red

Bauhaus Extended

Try these examples: