Palette

Glacial Petal Glow

Cool and pristine, capturing the subtle beauty of delicate blossoms emerging from glacial ice.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Petal Glow 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 Glacial Petal Glow.

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

Data visualization

#A7DBD8#E0FFFF#95B9C7#7CA0A7#5C7A87

Palette guide

How to use Glacial Petal Glow

Overview

The "Glacial Petal Glow" palette offers a delicate yet sophisticated array of cool, muted blues and subtle grays, reminiscent of soft light reflecting off ice and delicate flora. This collection is perfect for creating designs that exude serenity, elegance, and a touch of understated natural beauty. The almost ethereal #E0FFFF provides a pristine base, while #A7DBD8 and #95B9C7 introduce gentle, cool-toned richness. Deeper shades like #7CA0A7 and #5C7A87 add necessary grounding and depth, ensuring the palette remains balanced and highly versatile for various visual applications.

Best used for

Skincare and beauty brand packaging
Wedding invitations or event branding
Interior design concepts (bathrooms, bedrooms)
Gentle wellness or mindfulness apps
Fine art photography websites
Boutique hotel branding

Suggested color roles

primary

#95B9C7 - A soft, inviting blue-gray, excellent for main content areas or primary brand color.

secondary

#A7DBD8 - A lighter, slightly greener blue, perfect for supporting visuals, headers, or sub-sections.

accent

#7CA0A7 - A muted, sophisticated accent for subtle highlights, interactive elements, or decorative details.

background

#E0FFFF - An airy, near-white base that provides a sense of purity and spaciousness.

text

#5C7A87 - A medium-dark cool gray, offering good readability for body text on light backgrounds.

Accessibility notes

Ensure #5C7A87 text on #E0FFFF backgrounds meets WCAG AA contrast requirements.
Use a darker text color (e.g., charcoal) if placing text on #95B9C7 or #A7DBD8 to ensure readability.
Avoid using #E0FFFF for text on any of the other colors, as contrast will be too low.
Verify contrast for interactive elements, especially if using lighter shades for their states.

Recommended combinations

Soft Bloom

Ideal for a serene background with #E0FFFF, subtle dividers in #A7DBD8, and content panels in #95B9C7.

#E0FFFF · #A7DBD8 · #95B9C7

Petal Depth

Create a gentle ombre effect or layered design, moving from darker foundations to lighter elements.

#5C7A87 · #7CA0A7 · #95B9C7

Elegant Contrast

#E0FFFF as a clean base, #5C7A87 for strong text, and #A7DBD8 for subtle branding elements.

#E0FFFF · #5C7A87 · #A7DBD8

CSS variables

:root {
  --glacial-petal-glow-1: #A7DBD8;
  --glacial-petal-glow-2: #E0FFFF;
  --glacial-petal-glow-3: #95B9C7;
  --glacial-petal-glow-4: #7CA0A7;
  --glacial-petal-glow-5: #5C7A87;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-petal-glow": {
        1: "#A7DBD8",
        2: "#E0FFFF",
        3: "#95B9C7",
        4: "#7CA0A7",
        5: "#5C7A87",
      }
    }
  }
}

Hex values

Color 1#A7DBD8

Color 2#E0FFFF

Color 3#95B9C7

Color 4#7CA0A7

Color 5#5C7A87

Accessibility

Contrast checker

1.4:1Fail

1.8:1Fail

3:1AA18

1.4:1Fail

2:1Fail

2.7:1Fail

4.3:1AA18

1.4:1Fail

2:1Fail

1.3:1Fail

2.2:1Fail

1.8:1Fail

2.7:1Fail

1.3:1Fail

1.6:1Fail

3:1AA18

4.3:1AA18

2.2:1Fail

1.6:1Fail

Similar palettes

More like Glacial Petal Glow

Glacial Petal Glow

See it in context.

Ready when you are.

Built with Glacial Petal Glow.

How to use Glacial Petal Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Soft Bloom

Petal Depth

Elegant Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Glacial Petal Glow