Color Palettes

Blue-Grey Color Palette

Color Details

HEX: #6E7F80

RGB: 110, 127, 128

HEX: #536872

RGB: 83, 104, 114

HEX: #708090

RGB: 112, 128, 144

HEX: #536878

RGB: 83, 104, 120

HEX: #36454F

RGB: 54, 69, 79

Color Harmony Analysis

Palette Mood

Balanced

Temperature

Cool

This palette combines balanced moods with cool tones, making it versatile for various design applications.

How to Use This Palette

Web Design

Use these colors for your website backgrounds, text, accents, and interactive elements to create visual harmony.

UI/UX Design

Create a cohesive user interface with these colors for buttons, cards, modals, and user feedback elements.

Branding

Establish a strong brand identity using this palette consistently across all marketing and communication materials.

Palette Statistics

5

Colors

3

Tags

6

Categories

525

Likes

Export Formats

JSON
CSS Variables
Tailwind Config
SCSS Variables
Android XML

How to Use This Palette

Color Roles

  • #6E7F80

    Primary background or heading color

  • #536872

    Secondary accent or supporting element

  • #708090

    Tertiary color for highlights or borders

  • #536878

    Accent or call-to-action color

  • #36454F

    Additional accent for visual depth

Design Applications

  • Web design and interfaces
  • Graphic design projects
  • Branding and identity
  • Marketing materials
  • Digital art and illustration

Best Practices

  • • Maintain adequate contrast between foreground and background colors
  • • Use the darkest color for text and the lightest for backgrounds when possible
  • • Limit accent colors to 1-2 colors to maintain visual hierarchy
  • • Test your design with accessibility tools to ensure readability
  • • Use white or off-white space to let colors breathe

About This Blue-Grey Color Palette

Evoke a sense of tranquility and understated elegance with the Blue-Grey palette, a carefully curated collection of cool, muted tones that whisper of serene skies and windswept coastlines. This palette is designed to create a calming and sophisticated atmosphere, perfectly suited for projects seeking a touch of understated luxury and visual harmony. The overall effect is both modern and timeless, ensuring a lasting impression on your audience. The heart of this palette lies in its nuanced blend of blue and grey hues, each contributing its unique character to the overall composition. Anchoring the palette is the deep, charcoal-like #36454F, offering a strong grounding element and depth. Complementing this is #536872 and #536878, bringing a subtle shift to a deeper, more sophisticated blue-grey. Moving towards the lighter end, we find #708090, a more neutral grey that helps to bridge the colors, while #6E7F80 introduces a touch of softness to the ensemble with its slightly warmer undertones, suggesting a hint of turquoise and blue. Together, these five colors create a cohesive and visually pleasing experience. Designers will find the Blue-Grey palette incredibly versatile, perfectly suited for a diverse range of applications. Imagine this palette gracing the interface of a mobile app promoting wellness, the website of a high-end architectural firm, or the branding of a sustainable fashion brand. Its adaptability allows it to be used in UI/UX design, web design, app design, and even in marketing materials such as print and digital advertisements. The calming nature of the palette lends itself well to conveying trust and professionalism, making it ideal for industries where a sense of reliability is paramount. From a psychological perspective, the Blue-Grey palette is known for its ability to instill a sense of calm and stability. These cool tones can foster a feeling of trust, intelligence, and sophistication. The combination of blues and grays can inspire creativity and focus, making it ideal for projects where clarity of thought and a sense of authority are desired. By choosing this palette, you are crafting an experience that resonates with a desire for tranquility and a preference for understated beauty. For optimal design results, consider pairing the Blue-Grey palette with a bright accent color to add visual interest. Consider using a pale complementary color to the dominant colors, like a soft yellow or a muted orange. Alternatively, enhance its inherent harmony with a crisp white or a warm beige. When applying, remember that the darker shades, such as #36454F and #536872, work beautifully for text and call-to-actions, providing a strong contrast against lighter backgrounds. Embrace the versatility of the Blue-Grey palette, and allow it to elevate your design projects to new heights of sophistication and impact.

Frequently Asked Questions

Related Palettes