Back to palettes

Palette

Azura Wood Nymph

A deep, enchanting palette exploring a mythical forest bathed in ethereal blues and mystical shadows.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Azura Wood Nymph 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 Azura Wood Nymph.

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

Data visualization

#1A3E57#3D6F8C#61A0C1#85BED7#A9DAED

Palette guide

How to use Azura Wood Nymph

Overview

The Azura Wood Nymph palette invites designers into an ethereal realm with its gradient of deep, mystical blues. Anchored by a profound teal-blue (#1A3E57), it transitions through medium (#3D6F8C) and lighter blues (#61A0C1) to a serene light sky blue (#85BED7) and a delicate very light blue (#A9DAED). This collection is ideal for crafting elegant, dreamy, or fantasy-themed designs, from sophisticated website interfaces to enchanting brand identities. Developers can implement these shades to evoke a sense of calm and mystery in digital products, perfect for luxury brands, meditation apps, or artistic portfolios. The progression of hues ensures visual harmony and offers ample choices for creating depth and visual interest across various design elements.

Best used for

  • Fantasy-themed game interfaces or artwork
  • Luxury brand identity and websites
  • Meditation or wellness application design
  • Ethereal digital illustrations and concept art
  • High-end fashion or jewelry branding
  • Serene spa or retreat marketing materials

Suggested color roles

primary

Utilize #1A3E57 as the primary color for a sophisticated, deep foundation, suitable for main navigation or brand logos.

secondary

Apply #3D6F8C for secondary content areas or prominent subheadings, offering depth without overpowering.

accent

Use #61A0C1 to highlight key interactive elements, creating a gentle yet effective visual cue against darker tones.

background

A soft background of #A9DAED provides an airy, expansive feel, perfect for creating a clean and tranquil user experience.

text

For optimal readability, pair #1A3E57 with lighter backgrounds like #A9DAED, or use a classic dark charcoal for general text.

Accessibility notes

  • Ensure sufficient contrast between text in #1A3E57 or #3D6F8C and lighter backgrounds like #A9DAED or #85BED7.
  • Avoid using #85BED7 and #A9DAED for small text on a light background due to low contrast.
  • Test button and link states for visual distinction, especially when using similar shades like #61A0C1 and #85BED7.
  • Consider alternative visual cues for important information if relying solely on color contrast within the lighter end of the palette.

Recommended combinations

Deep Serenity

Ideal for creating a luxurious and stable header or footer, with the lightest shade for contrasting text.

#1A3E57 · #3D6F8C · #A9DAED

Ethereal Gradient

Perfect for background gradients or visual elements that require a smooth, mystical transition.

#61A0C1 · #85BED7 · #3D6F8C

Highlight Contrast

Use for clean UI cards or sections where a very light background meets a strong primary color and a subtle accent.

#A9DAED · #1A3E57 · #61A0C1

CSS variables

:root {
  --azura-wood-nymph-1: #1A3E57;
  --azura-wood-nymph-2: #3D6F8C;
  --azura-wood-nymph-3: #61A0C1;
  --azura-wood-nymph-4: #85BED7;
  --azura-wood-nymph-5: #A9DAED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "azura-wood-nymph": {
        1: "#1A3E57",
        2: "#3D6F8C",
        3: "#61A0C1",
        4: "#85BED7",
        5: "#A9DAED",
      }
    }
  }
}

Related searches

mystical blue color schemedreamy fantasy paletteethereal blue hex codescool elegant design colorswood nymph inspired hues

Palette colors

Hex values

Color 1#1A3E57
·
Color 2#3D6F8C
·
Color 3#61A0C1
·
Color 4#85BED7
·
Color 5#A9DAED
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
3.9:1AA18
5.5:1AA
7.5:1AAA
2
2.1:1Fail
1.9:1Fail
2.7:1Fail
3.6:1AA18
3
3.9:1AA18
1.9:1Fail
1.4:1Fail
1.9:1Fail
4
5.5:1AA
2.7:1Fail
1.4:1Fail
1.3:1Fail
5
7.5:1AAA
3.6:1AA18
1.9:1Fail
1.3:1Fail

Similar palettes

More like Azura Wood Nymph

View all cool
Celestial Comet Dust
Mythic Dragon Scale
Aurora Horizon Whisper
Aurora Shimmer Veil
Aurora Sky Glow
Cityscape Nocturne Blue