Back to palettes

Palette

Crystal Palace Light

Cool, crystalline blues and whites reflecting the shimmering elegance of an ice palace.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crystal Palace Light 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 Crystal Palace Light.

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

Data visualization

#F8F8FF#E1E1F5#C9C9EB#B2B2E1#9B9BD7

Palette guide

How to use Crystal Palace Light

Overview

The Crystal Palace Light palette reflects the shimmering elegance and cool, crystalline blues of an ice palace, offering a sophisticated gradient of light purplish-blues. This collection spans from an ethereal Ghost White (#F8F8FF) and a delicate Lavender Mist (#E1E1F5) to a soft Light Periwinkle (#C9C9EB) and a more pronounced Medium Periwinkle (#B2B2E1). A grounding Light Slate Blue (#9B9BD7) adds depth without losing the airy feel. Designers and developers can utilize these hues to create elegant, pristine, and visually expansive digital experiences. It's excellent for luxury branding, minimalist interfaces, or any project aiming for a refined, serene, and sophisticated aesthetic, conveying purity and grandeur.

Best used for

  • High-end luxury branding
  • Winter wedding themes
  • Elegant event invitations
  • Minimalist web design
  • Cloud software interfaces
  • Serene art gallery websites

Suggested color roles

primary

A balanced, central cool-blue (#B2B2E1) for main content areas or foundational backgrounds, offering calm sophistication.

secondary

Use Light Periwinkle (#C9C9EB) for supporting panels, subheadings, or secondary interactive elements, providing a gentle lift.

accent

The lightest shade (#F8F8FF), perfect for subtle highlights, interactive states, or delicate graphic elements, adding sparkle.

background

A lighter, airy blue (#E1E1F5) that can serve as a refreshing backdrop, allowing other colors to sparkle.

text

Use Light Slate Blue (#9B9BD7) or a deep navy like #000080 for dark text on lighter palette colors. White text (#FFFFFF) works excellently on #9B9BD7 and #B2B2E1.

Accessibility notes

  • The lightest shades (#F8F8FF, #E1E1F5, #C9C9EB) require very dark text for readability.
  • Ensure sufficient contrast when pairing #C9C9EB with #B2B2E1 for text.
  • #9B9BD7 is a good choice for high-contrast text on white or very light backgrounds.
  • Avoid using light text on mid-tones without verifying contrast ratios.

Recommended combinations

Ice Walls

Ideal for ultra-clean backgrounds, spacious layouts, or ethereal digital art where purity is key.

#F8F8FF · #E1E1F5 · #C9C9EB

Crystal Pillars

Excellent for sophisticated branding, deep background elements, or elegant data visualizations.

#9B9BD7 · #B2B2E1 · #C9C9EB

Palace Glow

Suitable for minimalist portfolios, serene product showcases, or elegant, airy web designs.

#E1E1F5 · #B2B2E1 · #F8F8FF

CSS variables

:root {
  --crystal-palace-light-1: #F8F8FF;
  --crystal-palace-light-2: #E1E1F5;
  --crystal-palace-light-3: #C9C9EB;
  --crystal-palace-light-4: #B2B2E1;
  --crystal-palace-light-5: #9B9BD7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crystal-palace-light": {
        1: "#F8F8FF",
        2: "#E1E1F5",
        3: "#C9C9EB",
        4: "#B2B2E1",
        5: "#9B9BD7",
      }
    }
  }
}

Related searches

light blue white paletteicy elegant colorsminimalist periwinkle schemeserene cool blue designluxury ice palace

Palette colors

Hex values

Color 1#F8F8FF
·
Color 2#E1E1F5
·
Color 3#C9C9EB
·
Color 4#B2B2E1
·
Color 5#9B9BD7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.9:1Fail
2.5:1Fail
2
1.2:1Fail
1.2:1Fail
1.6:1Fail
2:1Fail
3
1.5:1Fail
1.2:1Fail
1.3:1Fail
1.6:1Fail
4
1.9:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
5
2.5:1Fail
2:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Crystal Palace Light

View all pastel