Back to palettes

Palette

Satin Sheen

Soft, iridescent blues and whites, shimmering with the smooth, luxurious sheen of satin fabric.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Satin Sheen 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 Satin Sheen.

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

Data visualization

#B0C4DE#D0E0EE#E0EEF9#F0F8FF#8BAAC9

Palette guide

How to use Satin Sheen

Overview

The "Satin Sheen" palette offers soft, iridescent blues and whites, shimmering with the smooth, luxurious sheen of satin fabric. This elegant collection spans from the foundational #8BAAC9 (Soft Steel Blue) and the refined #B0C4DE (Light Steel Blue) to the airy lightness of #D0E0EE (Light Blue Gray), #E0EEF9 (Very Light Blue), and the almost pure white of #F0F8FF (Alice Blue). It’s an ideal choice for designs seeking to convey understated luxury, purity, and a delicate softness, perfect for bridal wear, sophisticated skincare branding, or minimalist digital interfaces that value a clean, ethereal aesthetic.

Best used for

  • Bridal or luxury fashion branding
  • High-end skincare and beauty product packaging
  • Minimalist web design and UI
  • Elegant interior design mood boards
  • Soft, ethereal photography backdrops
  • Baby product or nursery decor design

Suggested color roles

primary

#8BAAC9 (Soft Steel Blue) - A grounding, sophisticated blue ideal for subtle headers, structural elements, or elegant branding.

secondary

#B0C4DE (Light Steel Blue) - A versatile, calming blue for secondary information, subtle accents, or card backgrounds, maintaining softness.

accent

#D0E0EE (Light Blue Gray) - A delicate, almost neutral blue perfect for hover states, subtle dividers, or to add a hint of depth without harshness.

background

#F0F8FF (Alice Blue) - The lightest shade, providing a pristine, airy, and expansive canvas that truly embodies the "satin sheen."

text

#333333 (Charcoal Gray) - A dark charcoal gray ensures excellent readability for body text against the very light backgrounds, maintaining a sophisticated and clean aesthetic.

Accessibility notes

  • Crucially, ensure strong contrast for any text placed on #F0F8FF, #E0EEF9, or #D0E0EE backgrounds; use a dark color for text.
  • Avoid using lighter blues like #D0E0EE or #E0EEF9 for small text, as they lack sufficient contrast against light backgrounds.
  • Provide clear visual indicators for interactive elements beyond subtle color shifts to aid users with low vision.
  • Ensure that decorative uses of light blue on white backgrounds do not interfere with readability of adjacent text.

Recommended combinations

Pure Elegance

Alice blue as the main background, soft steel blue for titles, and light steel blue for subheadings.

#F0F8FF · #8BAAC9 · #B0C4DE

Soft Layers

Light steel blue for main content areas, very light blue for inner cards, and light blue gray for subtle dividers.

#B0C4DE · #E0EEF9 · #D0E0EE

Sheen Accent

Soft steel blue for prominent elements, alice blue for background, and charcoal gray for clear, readable text.

#8BAAC9 · #F0F8FF · #E0EEF9

CSS variables

:root {
  --satin-sheen-1: #B0C4DE;
  --satin-sheen-2: #D0E0EE;
  --satin-sheen-3: #E0EEF9;
  --satin-sheen-4: #F0F8FF;
  --satin-sheen-5: #8BAAC9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "satin-sheen": {
        1: "#B0C4DE",
        2: "#D0E0EE",
        3: "#E0EEF9",
        4: "#F0F8FF",
        5: "#8BAAC9",
      }
    }
  }
}

Related searches

soft blue white palettesatin fabric color schememinimalist blue designelegant light bluebridal aesthetic colors

Palette colors

Hex values

Color 1#B0C4DE
·
Color 2#D0E0EE
·
Color 3#E0EEF9
·
Color 4#F0F8FF
·
Color 5#8BAAC9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
1.7:1Fail
1.4:1Fail
2
1.3:1Fail
1.1:1Fail
1.3:1Fail
1.8:1Fail
3
1.5:1Fail
1.1:1Fail
1.1:1Fail
2:1Fail
4
1.7:1Fail
1.3:1Fail
1.1:1Fail
2.3:1Fail
5
1.4:1Fail
1.8:1Fail
2:1Fail
2.3:1Fail

Similar palettes

More like Satin Sheen

View all cool