ع

Marble Hall

Marble-inspired neutrals for elegant, airy spaces.

≈ Marble White
≈ Timberwolf
≈ Greige
≈ Sandstone
≈ Soft Black

Color codes

HEXRGBHSLCMYK
hsl(40, 25%, 95%)cmyk(0%, 1%, 2%, 4%)
hsl(37, 18%, 86%)cmyk(0%, 2%, 6%, 11%)
hsl(37, 15%, 70%)cmyk(0%, 5%, 12%, 25%)
hsl(34, 10%, 45%)cmyk(0%, 8%, 18%, 51%)
hsl(30, 10%, 16%)cmyk(0%, 9%, 17%, 82%)

CSS

:root {
  --marble-hall-1: #F6F4F0;
  --marble-hall-2: #E2DDD5;
  --marble-hall-3: #BFB6A8;
  --marble-hall-4: #7D7366;
  --marble-hall-5: #2E2A26;
}

How these colors work together

This is a monochromatic palette built around a single hue. Overall it reads warm. Lightness spans 79 points, which sets how much contrast you can create.

3 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is ⁦#F6F4F0⁩ on ⁦#2E2A26⁩ (12.96:1).

Marble Hall — readable text using the best pair.

Suggested applications

  • Premium packaging, invitations and boutique brands.
  • Interface themes: use the lightest color for backgrounds and the darkest for text.
  • Brand kits, social graphics and presentations.

#marble#neutral#elegant

Check accessibility Simulate color blindness CSS variables

Frequently asked questions

How do I use the Marble Hall palette?
The Marble Hall palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use ⁦#F6F4F0⁩ on ⁦#2E2A26⁩: it has a contrast ratio of 12.96:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.

More palettes

Emerald Estate#0B2B26 #13463D #1F6F5C #C9A227 #F3EAD3Black and Gold#0B0B0C #1E1E20 #3A3631 #B08D57 #E8D5A6Velvet Night#1A0F1F #3D1E4A #6B2D5C #A8456F #E7C6A5SaaS Dashboard#0F172A #1E293B #6366F1 #10B981 #F8FAFCTrust Blue#0B1F3A #1D4E89 #3A7BD5 #A7C7E7 #F2F6FBTropical Leaves#004B23 #007200 #38B000 #9EF01A #FFBE0B