Palette

Aqua Tile Spa

A pristine and soothing collection inspired by the calm and refreshing atmosphere of a luxury spa.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aqua Tile Spa 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 Aqua Tile Spa.

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

Data visualization

#7FFFD4#FFFFFF#AFEEEE#E7E0D3#B0E0E6

Palette guide

How to use Aqua Tile Spa

Overview

The "Aqua Tile Spa" palette is a pristine and soothing collection, perfectly capturing the calm and refreshing atmosphere of a luxury spa. It combines crisp whites with gentle aquatic tones and a touch of warm neutral. Key colors include the vibrant Aquamarine #7FFFD4, pure White #FFFFFF, the soft Pale Turquoise #AFEEEE, a subtle Linen-like #E7E0D3, and the serene Powder Blue #B0E0E6. This palette is excellent for creating clean, minimalist designs that evoke purity and relaxation. Developers can use it for interfaces that prioritize clarity and a gentle user experience, while designers will find it ideal for branding, web design, or interiors seeking a fresh, airy, and tranquil aesthetic.

Best used for

Spa and beauty branding
Minimalist website design
Healthcare and wellness apps
Interior design for bathrooms/kitchens
Clean product packaging
Luxury resort marketing

Suggested color roles

primary

A soft, serene powder blue #B0E0E6, ideal for establishing a calm and clean primary color in UI elements or backgrounds.

secondary

A slightly lighter pale turquoise #AFEEEE, perfect for supporting elements, subtle borders, or secondary information.

accent

A vibrant aquamarine #7FFFD4 that offers a fresh, energizing pop, excellent for interactive elements, highlights, or icons.

background

Pure white #FFFFFF, providing the ultimate clean and expansive canvas, enhancing the crispness of the other colors.

text

For primary text, use #333333 (charcoal) or black against #FFFFFF or #E7E0D3. For headings, #B0E0E6 can be used on a very dark background.

Accessibility notes

Ensure sufficient contrast for any text placed on #FFFFFF, #AFEEEE, #E7E0D3, or #B0E0E6. Use dark text like black or charcoal.
#7FFFD4 might not have enough contrast for small text on white; use for larger headings or graphical elements.
Avoid using light text on any of the light background colors.
Interactive elements should have clear visual feedback, considering the subtle nature of some colors.

Recommended combinations

Clean Spa Base

For pristine backgrounds and foundational UI, using white as the primary canvas, powder blue for soft divisions, and linen for warmth.

#FFFFFF · #B0E0E6 · #E7E0D3

Refreshing Highlight

Ideal for adding a touch of vibrant freshness, with pale turquoise as a base, aquamarine for accents, and white for clarity.

#AFEEEE · #7FFFD4 · #FFFFFF

Subtle Depth

For creating gentle, layered effects or soft gradients, offering visual interest without disrupting the calm, minimal aesthetic.

#B0E0E6 · #E7E0D3 · #AFEEEE

CSS variables

:root {
  --aqua-tile-spa-1: #7FFFD4;
  --aqua-tile-spa-2: #FFFFFF;
  --aqua-tile-spa-3: #AFEEEE;
  --aqua-tile-spa-4: #E7E0D3;
  --aqua-tile-spa-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aqua-tile-spa": {
        1: "#7FFFD4",
        2: "#FFFFFF",
        3: "#AFEEEE",
        4: "#E7E0D3",
        5: "#B0E0E6",
      }
    }
  }
}

Hex values

Color 1#7FFFD4

Color 2#FFFFFF

Color 3#AFEEEE

Color 4#E7E0D3

Color 5#B0E0E6

Accessibility

Contrast checker

1.2:1Fail

1.1:1Fail

1.2:1Fail

1.3:1Fail

1.4:1Fail

1.1:1Fail

1.3:1Fail

1:1Fail

1.1:1Fail

1.3:1Fail

1:1Fail

1.1:1Fail

1.2:1Fail

1.4:1Fail

1.1:1Fail

Similar palettes

More like Aqua Tile Spa

Aqua Tile Spa

See it in context.

Ready when you are.

Built with Aqua Tile Spa.

How to use Aqua Tile Spa

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Clean Spa Base

Refreshing Highlight

Subtle Depth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Aqua Tile Spa