Back to palettes

Palette

Sapphire Desert Bloom

Cool blues against pale sands, capturing the rare bloom and vast sky of a desert night.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sapphire Desert 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 Sapphire Desert Bloom.

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

Data visualization

#1B263B#0D1B2A#A8B8CC#E0E1DD#B9D9EB

Palette guide

How to use Sapphire Desert Bloom

Overview

The Sapphire Desert Bloom palette captures the stark beauty of a desert night sky against pale, moonlit sands. It features a grounding foundation of deep, almost black blues like #1B263B and #0D1B2A, reminiscent of the vast nocturnal expanse. These are beautifully contrasted by the muted, cool grays and blues of #A8B8CC, #E0E1DD, and #B9D9EB, which evoke ancient stones and distant starlight. This palette is ideal for projects that require a sophisticated, serene, yet rugged aesthetic, perfect for luxury travel, outdoor gear, or minimalist design. Designers can use the dark blues for depth and the lighter tones for expansive, clean areas.

Best used for

  • Luxury travel or adventure brands
  • Minimalist website designs
  • Outdoor and wilderness photography
  • High-end furniture or decor
  • Serene digital art or illustrations
  • Branding for eco-conscious products

Suggested color roles

primary

Use #0D1B2A (Very Dark Blue) as a profound, almost black primary, excellent for backgrounds, main headers, or dramatic visual anchors, conveying depth and mystery.

secondary

Apply #1B263B (Deep Blue-Gray) as a slightly softer dark blue for secondary content areas, navigation, or as an alternative dark background.

accent

Utilize #B9D9EB (Muted Sky Blue) as a gentle, cool blue accent for calls to action, interactive elements, or to introduce a subtle touch of color.

background

Employ #E0E1DD (Very Light Gray) as a clean, neutral background that simulates pale desert sand, providing excellent contrast for darker text and elements.

text

For light backgrounds like #E0E1DD, use dark text (e.g., #0D1B2A or charcoal). For dark elements, use a light text color (e.g., white or #E0E1DD).

Accessibility notes

  • Ensure #0D1B2A and #1B263B provide strong contrast when used for text on #E0E1DD.
  • #A8B8CC on #E0E1DD might have insufficient contrast for body text; use for larger headings or decorative elements.
  • Avoid using #B9D9EB as primary text on #E0E1DD; it will be difficult to read.
  • Always check WCAG AA compliance for all text and interactive element color combinations.

Recommended combinations

Desert Night

A strong, high-contrast combination for elegant dark mode themes or impactful branding.

#0D1B2A · #1B263B · #E0E1DD

Starlight Sands

A light, airy trio perfect for clean backgrounds, subtle gradients, or serene content areas.

#E0E1DD · #A8B8CC · #B9D9EB

Oasis Bloom

Combines a deep base with a gentle blue accent and a cool gray, ideal for focal points or feature sections.

#1B263B · #B9D9EB · #A8B8CC

CSS variables

:root {
  --sapphire-desert-bloom-1: #1B263B;
  --sapphire-desert-bloom-2: #0D1B2A;
  --sapphire-desert-bloom-3: #A8B8CC;
  --sapphire-desert-bloom-4: #E0E1DD;
  --sapphire-desert-bloom-5: #B9D9EB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sapphire-desert-bloom": {
        1: "#1B263B",
        2: "#0D1B2A",
        3: "#A8B8CC",
        4: "#E0E1DD",
        5: "#B9D9EB",
      }
    }
  }
}

Related searches

desert night color paletteserene blue gray schememinimalist dark light colorscool earth tone bluestranquil desert design

Palette colors

Hex values

Color 1#1B263B
·
Color 2#0D1B2A
·
Color 3#A8B8CC
·
Color 4#E0E1DD
·
Color 5#B9D9EB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
7.5:1AAA
11.5:1AAA
10.2:1AAA
2
1.1:1Fail
8.6:1AAA
13.2:1AAA
11.8:1AAA
3
7.5:1AAA
8.6:1AAA
1.5:1Fail
1.4:1Fail
4
11.5:1AAA
13.2:1AAA
1.5:1Fail
1.1:1Fail
5
10.2:1AAA
11.8:1AAA
1.4:1Fail
1.1:1Fail

Similar palettes

More like Sapphire Desert Bloom

View all cool
Arctic Dawn Light
Azure Sky Whisper
Celestial Ocean Dream
Cloudburst Serenity
Cloudscape Serenity Blue
Desert Twilight Sky