Glacier Mint

Crisp, icy whites with a cool mint tint and a clear teal accent: fresh, clean and quietly optimistic.

cool
friendly
calm

The colours

Each colour has one job. The mock layout uses only pairs that pass AA, and the list shows every pair that is readable, measured rather than guessed.

Ice Meltbackground #f1faf8
Fresh Snowsurface #ffffff
Deep Sprucetext #0f2e2b
Frosted Pinemuted #3f5e59
Clear Tealaccent #00796b
Twilight Irisaccent-2 #4c50b8
Mint Rimborder #bfe1da

Sample page

A page in Glacier Mint

Every word here is drawn in this palette's own colours, using only pairs that pass AA.

Main action

A card on the surface

Secondary details sit a step quieter than the main text.

A small mock layout drawn in the Glacier Mint colours.

Accessible pairs

AA pairs (4.5:1 or more) suit body text; AA large pairs (3:1 or more) are for text 24px and larger.

Deep Spruce on Fresh Snow14.5:1 (AA)
Fresh Snow on Deep Spruce14.5:1 (AA)
Deep Spruce on Ice Melt13.7:1 (AA)
Ice Melt on Deep Spruce13.7:1 (AA)
Deep Spruce on Mint Rim10.4:1 (AA)
Mint Rim on Deep Spruce10.4:1 (AA)
Fresh Snow on Frosted Pine7.1:1 (AA)
Frosted Pine on Fresh Snow7.1:1 (AA)
Frosted Pine on Ice Melt6.7:1 (AA)
Ice Melt on Frosted Pine6.7:1 (AA)
Fresh Snow on Twilight Iris6.7:1 (AA)
Twilight Iris on Fresh Snow6.7:1 (AA)
Ice Melt on Twilight Iris6.3:1 (AA)
Twilight Iris on Ice Melt6.3:1 (AA)
Clear Teal on Fresh Snow5.3:1 (AA)
Fresh Snow on Clear Teal5.3:1 (AA)
Frosted Pine on Mint Rim5.1:1 (AA)
Mint Rim on Frosted Pine5.1:1 (AA)
Clear Teal on Ice Melt5.0:1 (AA)
Ice Melt on Clear Teal5.0:1 (AA)
Mint Rim on Twilight Iris4.8:1 (AA)
Twilight Iris on Mint Rim4.8:1 (AA)
Clear Teal on Mint Rim3.8:1 (AA large)
Mint Rim on Clear Teal3.8:1 (AA large)

Copy the idea

The Glacier Mint recipe — its idea, colours, accessible pairs and rules — ready to paste into a design tool or an AI assistant, or as design tokens.

# Glacier Mint — palette recipe

## The idea
- Crisp, icy whites with a cool mint tint and a clear teal accent: fresh, clean and quietly optimistic.

## Use it for
- Health and fitness apps
- Clean-tech and sustainability pages
- Onboarding and sign-up flows

## Avoid it when
- The brand should feel heavy, rich or vintage
- The page needs a cosy, autumn feel

## Colours
- Ice Melt (background): #f1faf8
- Fresh Snow (surface): #ffffff
- Deep Spruce (text): #0f2e2b
- Frosted Pine (muted): #3f5e59
- Clear Teal (accent): #00796b
- Twilight Iris (accent-2): #4c50b8
- Mint Rim (border): #bfe1da

## Accessible pairs
- Deep Spruce on Fresh Snow — 14.5:1 (AA)
- Fresh Snow on Deep Spruce — 14.5:1 (AA)
- Deep Spruce on Ice Melt — 13.7:1 (AA)
- Ice Melt on Deep Spruce — 13.7:1 (AA)
- Deep Spruce on Mint Rim — 10.4:1 (AA)
- Mint Rim on Deep Spruce — 10.4:1 (AA)
- Fresh Snow on Frosted Pine — 7.1:1 (AA)
- Frosted Pine on Fresh Snow — 7.1:1 (AA)
- Frosted Pine on Ice Melt — 6.7:1 (AA)
- Ice Melt on Frosted Pine — 6.7:1 (AA)
- Fresh Snow on Twilight Iris — 6.7:1 (AA)
- Twilight Iris on Fresh Snow — 6.7:1 (AA)
- Ice Melt on Twilight Iris — 6.3:1 (AA)
- Twilight Iris on Ice Melt — 6.3:1 (AA)
- Clear Teal on Fresh Snow — 5.3:1 (AA)
- Fresh Snow on Clear Teal — 5.3:1 (AA)
- Frosted Pine on Mint Rim — 5.1:1 (AA)
- Mint Rim on Frosted Pine — 5.1:1 (AA)
- Clear Teal on Ice Melt — 5.0:1 (AA)
- Ice Melt on Clear Teal — 5.0:1 (AA)
- Mint Rim on Twilight Iris — 4.8:1 (AA)
- Twilight Iris on Mint Rim — 4.8:1 (AA)
- Clear Teal on Mint Rim — 3.8:1 (AA large)
- Mint Rim on Clear Teal — 3.8:1 (AA large)

## Principles
- Keep large areas almost white; the mint tint should be felt more than seen.
- Use clear teal for actions and twilight iris only for a contrasting second signal.
- Pair rounded shapes and generous spacing with this palette to keep it airy.
- Use the mint rim for borders and focus outlines on white.

Design with the "Glacier Mint" palette.
The idea: Crisp, icy whites with a cool mint tint and a clear teal accent: fresh, clean and quietly optimistic.
It suits: Health and fitness apps.
It suits: Clean-tech and sustainability pages.
It suits: Onboarding and sign-up flows.
Do not choose it when: The brand should feel heavy, rich or vintage.
Do not choose it when: The page needs a cosy, autumn feel.
Use #f1faf8 (Ice Melt) as the background colour.
Use #ffffff (Fresh Snow) as the surface colour.
Use #0f2e2b (Deep Spruce) as the text colour.
Use #3f5e59 (Frosted Pine) as the muted colour.
Use #00796b (Clear Teal) as the accent colour.
Use #4c50b8 (Twilight Iris) as the accent-2 colour.
Use #bfe1da (Mint Rim) as the border colour.
Set body text only in pairs marked AA (at least 4.5:1); pairs marked AA large (at least 3:1) are for text 24px and larger.
Pair: Deep Spruce on Fresh Snow — 14.5:1 (AA).
Pair: Fresh Snow on Deep Spruce — 14.5:1 (AA).
Pair: Deep Spruce on Ice Melt — 13.7:1 (AA).
Pair: Ice Melt on Deep Spruce — 13.7:1 (AA).
Pair: Deep Spruce on Mint Rim — 10.4:1 (AA).
Pair: Mint Rim on Deep Spruce — 10.4:1 (AA).
Pair: Fresh Snow on Frosted Pine — 7.1:1 (AA).
Pair: Frosted Pine on Fresh Snow — 7.1:1 (AA).
Pair: Frosted Pine on Ice Melt — 6.7:1 (AA).
Pair: Ice Melt on Frosted Pine — 6.7:1 (AA).
Pair: Fresh Snow on Twilight Iris — 6.7:1 (AA).
Pair: Twilight Iris on Fresh Snow — 6.7:1 (AA).
Pair: Ice Melt on Twilight Iris — 6.3:1 (AA).
Pair: Twilight Iris on Ice Melt — 6.3:1 (AA).
Pair: Clear Teal on Fresh Snow — 5.3:1 (AA).
Pair: Fresh Snow on Clear Teal — 5.3:1 (AA).
Pair: Frosted Pine on Mint Rim — 5.1:1 (AA).
Pair: Mint Rim on Frosted Pine — 5.1:1 (AA).
Pair: Clear Teal on Ice Melt — 5.0:1 (AA).
Pair: Ice Melt on Clear Teal — 5.0:1 (AA).
Pair: Mint Rim on Twilight Iris — 4.8:1 (AA).
Pair: Twilight Iris on Mint Rim — 4.8:1 (AA).
Pair: Clear Teal on Mint Rim — 3.8:1 (AA large).
Pair: Mint Rim on Clear Teal — 3.8:1 (AA large).
Follow this rule: Keep large areas almost white; the mint tint should be felt more than seen.
Follow this rule: Use clear teal for actions and twilight iris only for a contrasting second signal.
Follow this rule: Pair rounded shapes and generous spacing with this palette to keep it airy.
Follow this rule: Use the mint rim for borders and focus outlines on white.
Apply the idea and the rules above; do not copy any existing website.

:root {
  --color-background: #f1faf8;
  --color-surface: #ffffff;
  --color-text: #0f2e2b;
  --color-muted: #3f5e59;
  --color-accent: #00796b;
  --color-accent-2: #4c50b8;
  --color-border: #bfe1da;
}

Download brief (.md)

Where it fits

Use it for

Health and fitness apps
Clean-tech and sustainability pages
Onboarding and sign-up flows

Avoid it when

The brand should feel heavy, rich or vintage
The page needs a cosy, autumn feel

Principles

Keep large areas almost white; the mint tint should be felt more than seen.
Use clear teal for actions and twilight iris only for a contrasting second signal.
Pair rounded shapes and generous spacing with this palette to keep it airy.
Use the mint rim for borders and focus outlines on white.

Back to all palettes