Palette

Quarry Stone Bloom

Muted blues and greys depicting a stone quarry landscape with subtle mineral blooms.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Quarry Stone Bloom reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Quarry Stone Bloom.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#5B6A7F#889DB6#B9CADD#DDE6EF#424D5B

Palette guide

How to use Quarry Stone Bloom

Overview

The "Quarry Stone Bloom" palette is a sophisticated collection of muted blues and greys, inspired by natural stone formations with subtle mineral hints. It ranges from a deep, grounding #424D5B (dark slate grey) to a mid-tone #5B6A7F (slate grey) and a softer #889DB6 (light steel blue). The lighter shades, #B9CADD (powder blue) and #DDE6EF (light grey-blue), provide an airy contrast, evoking a sense of calm and refinement. This palette is ideal for designers and developers seeking a minimalist, elegant, and industrial-yet-natural aesthetic. It's perfectly suited for corporate websites, architectural presentations, or any project demanding a clean, serene, and professional visual identity.

Best used for

Corporate and professional websites
Architectural and interior design portfolios
Minimalist UI/UX design
Luxury brand identity (e.g., watches, jewelry)
Environmental or sustainability reports
Science and technology presentations

Suggested color roles

primary

This mid-tone slate grey #5B6A7F offers a solid, professional base for main headings, navigation, or primary calls-to-action.

secondary

A calming light steel blue #889DB6, ideal for subheadings, secondary buttons, or data visualization elements, adding a subtle touch of color.

accent

The lightest grey-blue #DDE6EF acts as a delicate accent, perfect for hover states, subtle dividers, or background patterns.

background

Powder blue #B9CADD provides a soft, cool, and clean background, promoting readability and a serene user experience.

text

The darkest slate grey #424D5B ensures excellent legibility against lighter backgrounds, ideal for body text, links, and important labels, or classic black.

Accessibility notes

Ensure #424D5B text has sufficient contrast against #B9CADD backgrounds.
Be cautious with lighter shades like #DDE6EF as text on #B9CADD; contrast will be insufficient.
Verify all text and interactive element combinations meet WCAG AA or AAA guidelines.
For small text, consider using a true black for maximum readability on the very light background shades.

Recommended combinations

Stone Serenity

Creates a professional and calm aesthetic, ideal for corporate branding and main content.

#424D5B · #B9CADD · #5B6A7F

Mineral Bloom

Provides a lighter, airy feel, suitable for secondary information, subtle accents, or backgrounds.

#889DB6 · #DDE6EF · #5B6A7F

Industrial Calm

Offers a balanced look with depth and lightness, great for navigation, footers, or clean data displays.

#5B6A7F · #DDE6EF · #424D5B

CSS variables

:root {
  --quarry-stone-bloom-1: #5B6A7F;
  --quarry-stone-bloom-2: #889DB6;
  --quarry-stone-bloom-3: #B9CADD;
  --quarry-stone-bloom-4: #DDE6EF;
  --quarry-stone-bloom-5: #424D5B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "quarry-stone-bloom": {
        1: "#5B6A7F",
        2: "#889DB6",
        3: "#B9CADD",
        4: "#DDE6EF",
        5: "#424D5B",
      }
    }
  }
}

Hex values

Color 1#5B6A7F

Color 2#889DB6

Color 3#B9CADD

Color 4#DDE6EF

Color 5#424D5B

Accessibility

Contrast checker

2:1Fail

3.3:1AA18

4.4:1AA18

1.6:1Fail

2:1Fail

1.7:1Fail

2.2:1Fail

3.1:1AA18

3.3:1AA18

1.7:1Fail

1.3:1Fail

5.1:1AA

4.4:1AA18

2.2:1Fail

1.3:1Fail

6.8:1AA

1.6:1Fail

3.1:1AA18

5.1:1AA

6.8:1AA

Similar palettes

More like Quarry Stone Bloom

View all cool

Industrial Edge Steel

Wet Stone Stream

Arctic Fox Snow

Arctic Shoreline Chill

Frosted Winter Glaze

Frozen Tundra Petals