Back to palettes

Palette

Gentle Arctic Bloom

Delicate cool pastels, like tender blooms emerging from a snowy, frosty landscape.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gentle Arctic Bloom 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 Gentle Arctic Bloom.

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

Data visualization

#F0F8FF#ADD8E6#B0C4DE#E6E6FA#D8BFD8

Palette guide

How to use Gentle Arctic Bloom

Overview

The "Gentle Arctic Bloom" palette offers a refreshing and serene collection of cool pastels, evoking the delicate beauty of blossoms in a frosty landscape. With its foundation in the crisp #F0F8FF, it introduces soft sky blues like #ADD8E6 and #B0C4DE, complemented by the subtle lavender of #E6E6FA and the gentle mauve of #D8BFD8. Designers can utilize this palette to craft clean, calming, and minimalist interfaces or branding. Developers will find these light, airy hues perfect for creating soothing user experiences, elegant data visualizations, or a fresh, uncluttered aesthetic for web and mobile applications.

Best used for

  • Wellness and meditation apps
  • Baby product branding and websites
  • Spa and relaxation service marketing
  • Minimalist interior design concepts
  • Cloud computing or tech interfaces
  • Delicate wedding stationery

Suggested color roles

primary

#F0F8FF - An ideal, clean white-like base for primary content areas, offering an expansive, airy feel.

secondary

#B0C4DE - A gentle blue-gray perfect for navigation, subtle headers, or card backgrounds, adding a touch of calm.

accent

#ADD8E6 - Use for interactive elements, icons, or subtle highlights to provide a refreshing pop without being overpowering.

background

#F0F8FF - The main canvas for your design, ensuring maximum readability and a light, open atmosphere.

text

A deep charcoal or black (e.g., #333333 or #000000) - Essential for ensuring readability against these very light pastel backgrounds.

Accessibility notes

  • Crucially, use dark text (e.g., black or charcoal) on all these light pastel backgrounds to meet contrast standards.
  • Avoid using any of the pastel colors for text on other pastel backgrounds, as contrast will be insufficient.
  • #B0C4DE provides slightly better contrast than other pastels for UI elements against #F0F8FF.
  • Ensure interactive elements using #ADD8E6 have clear focus states.

Recommended combinations

Frosty Serenity

Create a clean, cool, and inviting layout for main content and subtle UI elements.

#F0F8FF · #B0C4DE · #ADD8E6

Lavender Whisper

Introduce a soft, warm undertone for secondary sections, bringing gentle depth.

#E6E6FA · #D8BFD8 · #F0F8FF

Arctic Glow

Ideal for backgrounds with subtle gradients or layered elements, evoking light and air.

#F0F8FF · #ADD8E6 · #B0C4DE

CSS variables

:root {
  --gentle-arctic-bloom-1: #F0F8FF;
  --gentle-arctic-bloom-2: #ADD8E6;
  --gentle-arctic-bloom-3: #B0C4DE;
  --gentle-arctic-bloom-4: #E6E6FA;
  --gentle-arctic-bloom-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gentle-arctic-bloom": {
        1: "#F0F8FF",
        2: "#ADD8E6",
        3: "#B0C4DE",
        4: "#E6E6FA",
        5: "#D8BFD8",
      }
    }
  }
}

Related searches

calm pastel color schemearctic blue lavender palettesoft minimalist UI colorsdelicate cool tones web designwinter flower aesthetic palette

Palette colors

Hex values

Color 1#F0F8FF
·
Color 2#ADD8E6
·
Color 3#B0C4DE
·
Color 4#E6E6FA
·
Color 5#D8BFD8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
1.1:1Fail
1.6:1Fail
2
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.1:1Fail
3
1.7:1Fail
1.2:1Fail
1.4:1Fail
1:1Fail
4
1.1:1Fail
1.2:1Fail
1.4:1Fail
1.4:1Fail
5
1.6:1Fail
1.1:1Fail
1:1Fail
1.4:1Fail

Similar palettes

More like Gentle Arctic Bloom

View all pastel
Dewdrop Petal Blush
Lavender Field Peace
Pale Blossom Serene
Apricot Bloom Hush
Blushing Petal Softness
Cherry Bloom Serenity