Back to palettes

Palette

Eucalyptus Spa Serene

A calming and invigorating blend of cool greens and airy blues, like a breath of fresh eucalyptus.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Eucalyptus Spa Serene 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 Eucalyptus Spa Serene.

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

Data visualization

#F0FFF0#E0FFFF#ADD8E6#AFEEEE#66CDAA

Palette guide

How to use Eucalyptus Spa Serene

Overview

The Eucalyptus Spa Serene palette is a refreshing and invigorating blend of cool greens and airy blues, perfectly capturing the essence of a tranquil spa experience. This palette features the crisp, near-white #F0FFF0 (Honeydew) and #E0FFFF (Light Cyan), offering bright, clean foundations. It transitions into soothing light blues like #ADD8E6 (Light Blue) and #AFEEEE (Pale Turquoise), culminating in the vibrant yet gentle aqua of #66CDAA (Medium Aquamarine). Designers can leverage this palette to create clean, fresh, and calming designs for wellness brands, eco-friendly products, or digital interfaces focused on relaxation and clarity. Developers will find these hex codes ideal for crafting inviting backgrounds, vibrant interactive elements, and legible typography that promotes a sense of well-being.

Best used for

  • Spa, beauty, and wellness brand websites
  • Eco-friendly and organic product packaging
  • Meditation and mindfulness app interfaces
  • Bathroom or laundry product branding
  • Clean and minimalist website designs
  • Resort or travel agency branding for serene destinations

Suggested color roles

primary

A vibrant yet gentle medium aquamarine, #66CDAA, excellent for main headings, call-to-action buttons, or key graphical elements, drawing positive attention.

secondary

A soft, inviting light blue, #ADD8E6, suitable for subheadings, secondary buttons, or supporting design elements, offering a harmonious complement.

accent

A pale turquoise, #AFEEEE, perfect for subtle highlights, hover states, or delicate UI indicators, adding a touch of freshness.

background

A very light honeydew green, #F0FFF0, providing a clean, airy canvas that enhances readability and promotes a sense of calm.

text

A deep, dark slate grey like #2F4F4F is recommended for body text on lighter backgrounds to ensure optimal readability and maintain the palette's serene yet crisp feel.

Accessibility notes

  • Ensure sufficient contrast when using #ADD8E6 or #AFEEEE on backgrounds like #F0FFF0 or #E0FFFF; they are very light.
  • #66CDAA provides good contrast for text against #F0FFF0 but should be checked for smaller font sizes.
  • Always use a dark, contrasting color (e.g., black or dark slate grey) for body text against any of the lighter palette backgrounds.
  • Avoid using #F0FFF0 or #E0FFFF as text colors due to extremely low contrast on most backgrounds.

Recommended combinations

Spa Refresh

Ideal for creating clean, invigorating headers, hero sections, or background gradients that feel fresh and light.

#F0FFF0 · #E0FFFF · #66CDAA

Aqua Bliss

Excellent for UI components like cards, panels, or buttons where a harmonious blend of cool tones is desired.

#ADD8E6 · #AFEEEE · #66CDAA

Minty Calm

Perfect for delicate patterns, subtle brand elements, or illustrations requiring a gentle, soothing, and clean aesthetic.

#F0FFF0 · #AFEEEE · #ADD8E6

CSS variables

:root {
  --eucalyptus-spa-serene-1: #F0FFF0;
  --eucalyptus-spa-serene-2: #E0FFFF;
  --eucalyptus-spa-serene-3: #ADD8E6;
  --eucalyptus-spa-serene-4: #AFEEEE;
  --eucalyptus-spa-serene-5: #66CDAA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "eucalyptus-spa-serene": {
        1: "#F0FFF0",
        2: "#E0FFFF",
        3: "#ADD8E6",
        4: "#AFEEEE",
        5: "#66CDAA",
      }
    }
  }
}

Related searches

spa color paletteeucalyptus blue greencalming aqua hex codesfresh mint colorsserene wellness design

Palette colors

Hex values

Color 1#F0FFF0
·
Color 2#E0FFFF
·
Color 3#ADD8E6
·
Color 4#AFEEEE
·
Color 5#66CDAA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.5:1Fail
1.2:1Fail
1.9:1Fail
2
1:1Fail
1.4:1Fail
1.2:1Fail
1.8:1Fail
3
1.5:1Fail
1.4:1Fail
1.2:1Fail
1.3:1Fail
4
1.2:1Fail
1.2:1Fail
1.2:1Fail
1.5:1Fail
5
1.9:1Fail
1.8:1Fail
1.3:1Fail
1.5:1Fail

Similar palettes

More like Eucalyptus Spa Serene

View all cool
Cool Mint Serene
Fresh Mint Serenity
Frosted Spearmint Dew
Iced Mint Bloom
Arctic Frost Jewel
Eucalyptus Grove Mist