Back to palettes

Palette

Gallery White Cube

Pure and uncluttered, this palette embraces the serene simplicity of a stark, modern gallery space.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gallery White Cube 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 Gallery White Cube.

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

Data visualization

#F7F7F7#EFEFEF#DCDCDC#C0C0C0#000000

Palette guide

How to use Gallery White Cube

Overview

The 'Gallery White Cube' palette embodies pure, uncluttered minimalism, reflecting the stark serenity of a modern art space. It features a precise gradient of near-whites and greys: the pristine #F7F7F7, the subtle #EFEFEF, the crisp #DCDCDC, and the balanced #C0C0C0, all grounded by absolute #000000 black. This palette is designed for designers and developers who seek to prioritize content, create a sense of spaciousness, and establish a sophisticated, timeless aesthetic. It's perfectly suited for high-end portfolios, luxury e-commerce, or any digital platform where clarity, elegance, and focus are paramount.

Best used for

  • High-fashion e-commerce websites and lookbooks
  • Architectural and design portfolio showcases
  • Modern corporate branding and websites
  • Editorial and magazine-style web layouts
  • Minimalist mobile application interfaces
  • Art exhibition virtual tours and online galleries

Suggested color roles

primary

Utilize #F7F7F7 as the dominant background color to create an expansive, clean 'white cube' aesthetic, allowing all content to stand out.

secondary

Employ #EFEFEF or #DCDCDC for subtle background variations, card elements, or borders, adding structure without visual clutter.

accent

Reserve #C0C0C0 for subtle accents, hover states, or dividers. For a true focal accent, #000000 can be used sparingly for bold statements or icons.

background

The lightest #F7F7F7 is ideal for main content areas, creating a bright and airy feel. #000000 can be used for impactful footers or dark mode overlays.

text

Use #000000 for all primary body text and headings against #F7F7F7 or #EFEFEF backgrounds for maximum readability and a sharp, modern look. #C0C0C0 can be used for secondary or disabled text.

Accessibility notes

  • Ensure #000000 text on #F7F7F7 backgrounds meets WCAG AAA contrast ratios for optimal readability.
  • Avoid using #C0C0C0 text on #DCDCDC backgrounds; the contrast will be insufficient for most users.
  • Always prioritize high contrast for essential text and interactive elements, especially within a largely monochromatic scheme.
  • When using #000000 as a background, ensure text is #F7F7F7 or a very bright white for clear legibility.

Recommended combinations

Classic Contrast

Bright background, subtle grey for dividers, and sharp black for all text and key elements.

#F7F7F7 · #DCDCDC · #000000

Layered Neutrals

Creates a sophisticated, layered background effect, with #C0C0C0 for subtle shadows or borders.

#EFEFEF · #DCDCDC · #C0C0C0

Stark Modern

Bold black background with pristine white text, and #C0C0C0 for secondary information or accents.

#000000 · #F7F7F7 · #C0C0C0

CSS variables

:root {
  --gallery-white-cube-1: #F7F7F7;
  --gallery-white-cube-2: #EFEFEF;
  --gallery-white-cube-3: #DCDCDC;
  --gallery-white-cube-4: #C0C0C0;
  --gallery-white-cube-5: #000000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gallery-white-cube": {
        1: "#F7F7F7",
        2: "#EFEFEF",
        3: "#DCDCDC",
        4: "#C0C0C0",
        5: "#000000",
      }
    }
  }
}

Related searches

minimalist black white greyclean modern UI palettegallery aesthetic colorsstark neutral web designprofessional white cube branding

Palette colors

Hex values

Color 1#F7F7F7
·
Color 2#EFEFEF
·
Color 3#DCDCDC
·
Color 4#C0C0C0
·
Color 5#000000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.7:1Fail
19.6:1AAA
2
1.1:1Fail
1.2:1Fail
1.6:1Fail
18.3:1AAA
3
1.3:1Fail
1.2:1Fail
1.3:1Fail
15.3:1AAA
4
1.7:1Fail
1.6:1Fail
1.3:1Fail
11.5:1AAA
5
19.6:1AAA
18.3:1AAA
15.3:1AAA
11.5:1AAA

Similar palettes

More like Gallery White Cube

View all neutral
Adobe Sunstone Hues
Calm Interior Lines
Clean Canvas White
Minimalist Gallery Light
Minimalist Gallery White
Minimalist Loft White