#2B2B29Gunmetal
#8C8C87Stone
#FAFAFASnow
#E0E0DCBone

Stone & Bone Vibe color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Stone & Bone Vibe is a muted neutral-based color palette tagged minimal, monochrome, gray. Built almost entirely from neutrals, with Bone (#E0E0DC) as the single point of color. Saturation stays low across the board, giving it a calm, editorial feel.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Gunmetal#2B2B29rgb(43, 43, 41)hsl(60, 2%, 16%)oklch(28.8% 0.004 107)
Stone#8C8C87rgb(140, 140, 135)hsl(60, 2%, 54%)oklch(63.9% 0.007 107)
Snow#FAFAFArgb(250, 250, 250)hsl(0, 0%, 98%)oklch(98.5% 0.000 0)
Bone#E0E0DCrgb(224, 224, 220)hsl(60, 6%, 87%)oklch(90.6% 0.005 107)

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (98% down to 16% lightness). A natural fit for websites, presentations and branding.

  • Background: Snow (#FAFAFA) is the lightest color, so it belongs on large surfaces.
  • Text: Gunmetal (#2B2B29) on #FAFAFA gives 13.59:1, passing WCAG AAA.
  • Primary: Bone (#E0E0DC) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Stone (#8C8C87) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Gunmetal on Snow at 13.59:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Stone & Bone Vibe

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#2B2B29
#8C8C87
#FAFAFA
#E0E0DC

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#2B2B29 on #FAFAFAAa13.59:1AAA
#2B2B29 on #E0E0DCAa10.72:1AAA
#2B2B29 on #8C8C87Aa4.2:1AA large only
#8C8C87 on #FAFAFAAa3.24:1AA large only
#8C8C87 on #E0E0DCAa2.55:1Fail
#FAFAFA on #E0E0DCAa1.27:1Fail

Similar palettes 24 more in this mood