Palette

Pale Stone Serenity

A tranquil collection of pale grays and off-whites, evoking the quiet beauty of smooth, weathered stones.

monochromeminimal5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pale Stone Serenity 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 Pale Stone Serenity.

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

Data visualization

#DCDCDC#C0C0C0#A9A9A9#E0E0E0#F5F5F5

Palette guide

How to use Pale Stone Serenity

Overview

The Pale Stone Serenity palette is a tranquil collection of pale grays and off-whites, evoking the quiet beauty of smooth, weathered stones. With shades like the crisp #DCDCDC, the classic #C0C0C0, the grounding #A9A9A9, the subtle #E0E0E0, and the bright #F5F5F5, this monochrome scheme is the epitome of minimalism and sophistication. Designers and developers can utilize this palette to create clean, uncluttered, and highly professional designs that emphasize content and functionality. It's perfect for projects seeking a timeless, elegant, and understated aesthetic that communicates clarity and calm.

Best used for

Modern architecture and interior design
Minimalist branding and corporate identity
Professional services websites
High-tech product interfaces
Editorial and print layouts
Luxury goods and fashion

Suggested color roles

primary

Use #A9A9A9 as a foundational mid-gray for structuring layouts, providing a solid yet subtle presence.

secondary

Employ #C0C0C0 for supporting elements, sub-sections, or as a lighter accent, maintaining harmony.

accent

Highlight dividers, borders, or subtle interactive elements with #DCDCDC, offering a gentle visual cue.

background

Utilize #F5F5F5 or #E0E0E0 as clean, spacious backgrounds, allowing content to take center stage.

text

Black or a very dark gray, such as #333333 or #000000, is crucial for optimal contrast and readability.

Accessibility notes

High contrast for text is easily achieved with black/dark gray on light backgrounds like #F5F5F5.
Be mindful of contrast between adjacent gray shades for non-text elements to ensure visual distinction.
Use sufficient visual hierarchy through varying shades, font weights, and spacing to guide the user.
Ensure interactive elements have clear hover, focus, and active states to aid navigation.

Recommended combinations

Minimal Base

Ideal for core UI, backgrounds, and main content areas, providing a clean and spacious feel.

#F5F5F5 · #DCDCDC · #A9A9A9

Stone Layers

Excellent for cards, distinct sections, or elements that require subtle depth and differentiation.

#E0E0E0 · #C0C0C0 · #A9A9A9

Subtle Contrast

Suitable for borders, dividers, subtle highlights, or elements needing a refined visual separation.

#A9A9A9 · #F5F5F5 · #DCDCDC

CSS variables

:root {
  --pale-stone-serenity-1: #DCDCDC;
  --pale-stone-serenity-2: #C0C0C0;
  --pale-stone-serenity-3: #A9A9A9;
  --pale-stone-serenity-4: #E0E0E0;
  --pale-stone-serenity-5: #F5F5F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pale-stone-serenity": {
        1: "#DCDCDC",
        2: "#C0C0C0",
        3: "#A9A9A9",
        4: "#E0E0E0",
        5: "#F5F5F5",
      }
    }
  }
}

Hex values

Color 1#DCDCDC

Color 2#C0C0C0

Color 3#A9A9A9

Color 4#E0E0E0

Color 5#F5F5F5

Accessibility

Contrast checker

1.3:1Fail

1.7:1Fail

1:1Fail

1.3:1Fail

1.4:1Fail

1.7:1Fail

1.3:1Fail

1.8:1Fail

2.2:1Fail

1:1Fail

1.4:1Fail

1.8:1Fail

1.2:1Fail

1.3:1Fail

1.7:1Fail

2.2:1Fail

1.2:1Fail

Similar palettes

More like Pale Stone Serenity

Pale Stone Serenity

See it in context.

Ready when you are.

Built with Pale Stone Serenity.

How to use Pale Stone Serenity

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Minimal Base

Stone Layers

Subtle Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Pale Stone Serenity