Collection detail

Stone and Sage

Check these colors together: contrast, harmony, color-blind view →Tap a color to copy its HEX

No two colors here reach 4.5:1 for body text. Set text in white or black instead — each swatch's HEX is drawn in whichever reads better.

The pairing of stone gray with sage green draws from the natural proximity of these materials: limestone outcroppings with moss and lichen, granite with fern, concrete with planted sedum. Both colors occupy the same restrained, low-saturation register, making them naturally compatible rather than contrasted.

A concrete countertop in a Japanese-influenced kitchen. A small clay pot with a sage sprig. The morning light through frosted glass. Everything in this space breathes.

StoneSageNaturalMineralWellness

Why this set works

Natural stone grays paired with quiet sage green — a palette of mineral restraint for interiors, packaging, and wellness brands.

Wellness and spa brand identity

Interior design for modern minimal spaces

Natural beauty and personal care packaging

Prompt words

stone and sage color palettemineral palette designsage green and gray palettenatural stone color schemewellness brand color palette

Export ready

1. Cool Gray Pearl #D4D6D9
2. Cool Gray Bloom #BEC2C5
3. Moss Silk Muted #A9BC9F
4. Moss Bloom Soft #BBD7AD
5. Cool Gray Tone #93999F
6. Leaf Mist Faint #E4E8E3

:root {
  --stone-and-sage-1: #D4D6D9;
  --stone-and-sage-2: #BEC2C5;
  --stone-and-sage-3: #A9BC9F;
  --stone-and-sage-4: #BBD7AD;
  --stone-and-sage-5: #93999F;
  --stone-and-sage-6: #E4E8E3;
}

Palette

Each swatch links back to its individual archive detail page.

Back to collections

Cool Gray Pearl

#D4D6D9

Blue · hsl(210, 6%, 84%)

Cool Gray Bloom

#BEC2C5

Blue · hsl(210, 6%, 76%)

Moss Silk Muted

#A9BC9F

Green · hsl(100, 18%, 68%)

Moss Bloom Soft

#BBD7AD

Green · hsl(100, 34%, 76%)

Cool Gray Tone

#93999F

Blue · hsl(210, 6%, 60%)

Leaf Mist Faint

#E4E8E3

Green · hsl(110, 10%, 90%)

More collections like this

Browse collections →

Take this palette further

Ready-made tokens for Stone and Sage

Copy the HEX, CSS and Tailwind on this page any time. The ZIP and dark-mode tokens count toward the free 3 exports a day (10 when signed in); Pro removes that cap on every export, including Figma tokens and Procreate swatches in the palette builder.

Upgrade to Pro Browse collections

Upgrade path

From collection to Pro

This collection proves the taste and color direction. Pro removes the daily export cap on every token format, so the palette can move from reference to implementation without rationing.

Layer	What you have here	What Pro adds
Scope	One curated palette of 6 colors.	The same palettes, with no daily export cap anywhere on the site.
Output	HEX, CSS and Tailwind to copy any time. The ZIP and dark-mode tokens count toward the site's free exports: 3 a day, 10 when signed in.	No daily limit on any export: this ZIP (CSS, Tailwind, JSON, SCSS), the dark-mode tokens, and Figma tokens and Procreate swatches in the palette builder.
Use case	Direction finding, inspiration, and public proof.	Real project handoff, implementation, and reusable production assets.

Stone and Sage

Check these colors together: contrast, harmony, color-blind view →Tap a color to copy its HEX

No two colors here reach 4.5:1 for body text. Set text in white or black instead — each swatch's HEX is drawn in whichever reads better.

A concrete countertop in a Japanese-influenced kitchen. A small clay pot with a sage sprig. The morning light through frosted glass. Everything in this space breathes.

StoneSageNaturalMineralWellness

Layer

What you have here

What Pro adds

Scope

One curated palette of 6 colors.

The same palettes, with no daily export cap anywhere on the site.

Output

HEX, CSS and Tailwind to copy any time. The ZIP and dark-mode tokens count toward the site's free exports: 3 a day, 10 when signed in.

No daily limit on any export: this ZIP (CSS, Tailwind, JSON, SCSS), the dark-mode tokens, and Figma tokens and Procreate swatches in the palette builder.

Use case

Direction finding, inspiration, and public proof.

Real project handoff, implementation, and reusable production assets.