Palette

Permafrost Aquamarine

The deep, clear aquamarine of frozen waters and ancient ice, with a pristine cold feel.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Permafrost Aquamarine 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 Permafrost Aquamarine.

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

Data visualization

#004D40#00796B#26A69A#80CBC4#B2DFDB

Palette guide

How to use Permafrost Aquamarine

Overview

The Permafrost Aquamarine palette evokes the deep, clear essence of frozen waters and ancient ice, offering a pristine and cool aesthetic. Dominated by a spectrum of teal and aquamarine, from the rich #004D40 to the light, airy #B2DFDB, this palette is perfect for designs requiring a sense of calm, professionalism, and clarity. The vibrant #26A69A provides a refreshing pop, while #00796B offers a strong, grounding mid-tone. Designers can leverage these hues for corporate branding, tech interfaces, or any project aiming for a modern, sophisticated, and slightly minimalist feel. Its cool undertones make it excellent for conveying trust and stability.

Best used for

Tech and software company branding
Medical or healthcare website design
Winter-themed marketing materials
Sustainable and eco-conscious product packaging
Minimalist interior design concepts
Financial services interfaces

Suggested color roles

primary

#00796B - A balanced, deep aquamarine suitable for main branding, headers, and primary call-to-actions, conveying trust and stability.

secondary

#26A69A - A brighter, more energetic teal, ideal for secondary buttons, interactive elements, or graphical accents that need a fresh feel.

accent

#80CBC4 - A soft, cool accent that can be used for subtle highlights, background textures, or less critical interactive states.

background

#B2DFDB - A very light, almost icy aquamarine, serving as a clean, expansive background to provide a sense of openness and calm.

text

#004D40 - A very dark, deep teal providing excellent contrast for primary body text, or a standard black for maximal readability.

Accessibility notes

Ensure sufficient contrast for text on #B2DFDB backgrounds, favoring darker shades like #004D40 or #00796B.
The lighter shades like #80CBC4 should not be used for small text elements due to potential readability issues.
Utilize #004D40 for headings and important information to ensure strong legibility against any lighter palette color.
Pair #B2DFDB with #004D40 for text to easily meet WCAG AA contrast guidelines, providing a gentle aesthetic.

Recommended combinations

Deep Calm

For a sophisticated and calm interface, using the darkest shades for impact and the lightest for background.

#004D40 · #00796B · #B2DFDB

Icy Fresh

Ideal for a light, modern feel in UI elements or illustrations, with a refreshing pop of teal.

#B2DFDB · #26A69A · #80CBC4

Corporate Teal

Strong and professional, suitable for branding and main content areas where authority is key.

#00796B · #004D40 · #26A69A

CSS variables

:root {
  --permafrost-aquamarine-1: #004D40;
  --permafrost-aquamarine-2: #00796B;
  --permafrost-aquamarine-3: #26A69A;
  --permafrost-aquamarine-4: #80CBC4;
  --permafrost-aquamarine-5: #B2DFDB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "permafrost-aquamarine": {
        1: "#004D40",
        2: "#00796B",
        3: "#26A69A",
        4: "#80CBC4",
        5: "#B2DFDB",
      }
    }
  }
}

Hex values

Color 1#004D40

Color 2#00796B

Color 3#26A69A

Color 4#80CBC4

Color 5#B2DFDB

Accessibility

Contrast checker

1.8:1Fail

3.3:1AA18

5.3:1AA

6.8:1AA

1.8:1Fail

2.9:1Fail

3.7:1AA18

3.3:1AA18

1.8:1Fail

1.6:1Fail

2.1:1Fail

5.3:1AA

2.9:1Fail

1.6:1Fail

1.3:1Fail

6.8:1AA

3.7:1AA18

2.1:1Fail

1.3:1Fail

Similar palettes

More like Permafrost Aquamarine

Permafrost Aquamarine

See it in context.

Ready when you are.

Built with Permafrost Aquamarine.

How to use Permafrost Aquamarine

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Calm

Icy Fresh

Corporate Teal

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Permafrost Aquamarine