Back to palettes

Palette

Moonstone Orb Glimmer

A luminous blend of soft greys, mirroring the ethereal shimmer of a moonstone.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonstone Orb Glimmer 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 Moonstone Orb Glimmer.

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

Data visualization

#E6E6E8#CDCDD0#B4B4B8#9B9BA1#828289

Palette guide

How to use Moonstone Orb Glimmer

Overview

The Moonstone Orb Glimmer palette is a sophisticated collection of soft, luminous greys, mirroring the ethereal shimmer of a moonstone. Ranging from the almost-white #E6E6E8 to the deep, grounding #828289, and featuring versatile mid-tones like #CDCDD0, #B4B4B8, and #9B9BA1, this palette exudes minimalism and understated elegance. It's an excellent choice for designers and developers aiming for a clean, modern, and professional aesthetic that allows content to shine without visual clutter. This neutral foundation provides flexibility for accent colors while maintaining a refined and timeless appeal.

Best used for

  • High-end minimalist UI/UX design
  • Architectural firm portfolios
  • Luxury brand packaging and identity
  • Art gallery websites or catalogs
  • Corporate and professional presentations
  • Modern home decor product showcases

Suggested color roles

primary

Use #B4B4B8 as a versatile mid-tone for main content areas or primary card backgrounds, offering a balanced visual weight.

secondary

Apply #CDCDD0 for secondary content blocks, subtle borders, or hover states to provide gentle differentiation.

accent

Utilize #9B9BA1 for subtle emphasis on interactive elements, progress bars, or icons where a darker neutral is needed.

background

Employ #E6E6E8 as the primary background color to create a clean, expansive canvas that enhances readability.

text

For optimal readability, use #828289 for body text and headings on lighter backgrounds, providing strong contrast and a professional finish.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter greys like #CDCDD0 on #E6E6E8.
  • For interactive elements, ensure their states (e.g., hover, active) are clearly distinguishable from static elements, perhaps using #9B9BA1.
  • Avoid using similar shades like #CDCDD0 and #B4B4B8 for adjacent interactive elements to prevent confusion.
  • Consider using bold fonts or larger text sizes for critical information when placed on backgrounds with subtle contrast.

Recommended combinations

Elegant Depth

Creates a sophisticated, layered look, perfect for hero sections or product displays with clear visual hierarchy.

#828289 · #B4B4B8 · #E6E6E8

Subtle Shine

Ideal for a soft, harmonious blend that offers gentle distinction, suitable for minimalist interfaces or background patterns.

#CDCDD0 · #9B9BA1 · #E6E6E8

Orb Gradient

Provides a smooth, almost iridescent transition of light greys, excellent for subtle gradients or layered information panels.

#B4B4B8 · #CDCDD0 · #E6E6E8

CSS variables

:root {
  --moonstone-orb-glimmer-1: #E6E6E8;
  --moonstone-orb-glimmer-2: #CDCDD0;
  --moonstone-orb-glimmer-3: #B4B4B8;
  --moonstone-orb-glimmer-4: #9B9BA1;
  --moonstone-orb-glimmer-5: #828289;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonstone-orb-glimmer": {
        1: "#E6E6E8",
        2: "#CDCDD0",
        3: "#B4B4B8",
        4: "#9B9BA1",
        5: "#828289",
      }
    }
  }
}

Related searches

minimalist grey paletteneutral sophisticated colorsmoonstone aesthetic designsubtle UI color schemeprofessional grey hex codes

Palette colors

Hex values

Color 1#E6E6E8
·
Color 2#CDCDD0
·
Color 3#B4B4B8
·
Color 4#9B9BA1
·
Color 5#828289
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.2:1Fail
3.1:1AA18
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
2.4:1Fail
3
1.7:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
2.2:1Fail
1.7:1Fail
1.3:1Fail
1.4:1Fail
5
3.1:1AA18
2.4:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Moonstone Orb Glimmer

View all neutral
Art Studio Canvas
Linen Fresh
Minimal Silent Canvas
Moonlit Canyon Stone
Porcelain Doll Face
Porcelain Dream Haze